NextOnList - Your Ultimate Entertainment Hub

NextOnList is a modern full-stack web application that helps you discover and explore movies, TV shows, and anime. With an intuitive interface and powerful features, it's your one-stop destination for all entertainment needs.

🌟 Features

• Multi-Category Browse: Explore movies, TV shows, and anime all in one place
• Smart Search: Find content across all categories with intelligent search functionality
• Trending Content: Stay updated with what's popular in each category
• Detailed Information: Access comprehensive details about any title including:
  • Ratings and reviews
  • Cast information
  • Episode guides
  • Release dates
  • Plot summaries

💻 Technical Stack

Frontend

• Framework: React + Vite
• UI Library: Material UI (@mui/material)
• Routing: React Router
• Styling: Custom CSS & Material UI components

Backend

• Runtime: Node.js
• Framework: Express.js
• Database: Prisma ORM
• Utilities: Axios, Dotenv, CORS

APIs Integrated

• TMDB (The Movie Database) for movies and TV shows
• Jikan API for anime content

🛠️ Getting Started

Follow these steps to set up the project locally.

Prerequisites

• Node.js installed on your machine
• Git

Installation

1. Clone the repository

   git clone <repository-url>
   cd NextOnList

2. Backend Setup Navigate to the backend directory and install dependencies:

   cd backend
   npm install

   Create a .env file in the backend directory and add your environment variables (e.g., Database URL, API keys).

   Start the backend server:

   npm run dev

3. Frontend Setup Open a new terminal, navigate to the frontend directory and install dependencies:

   cd frontend
   npm install

   Start the frontend development server:

   npm run dev

🚀 Project Structure

NextOnList/
├── backend/         # Node.js/Express backend API
│   ├── prisma/      # Database schema and migrations
│   ├── index.js     # Entry point
│   └── ...
├── frontend/        # React frontend application
│   ├── src/         # Source code
│   ├── public/      # Static assets
│   └── ...
└── README.md        # Project documentation