AlSh007 / netflix-clone

This is a Netflix clone built using Next.js, React, Prisma, Tailwind CSS, and MongoDB. It provides a comprehensive web application that closely resembles the popular streaming platform, Netflix. The project utilizes Next.js, a powerful React framework, to deliver a seamless and efficient user experience.

Netflix Clone

This project is a Netflix clone built using Next.js, React, Prisma, Tailwind CSS, and MongoDB. It aims to provide a comprehensive web application that closely resembles the popular streaming platform, Netflix. The use of Next.js, a powerful React framework, ensures a seamless and efficient user experience.

Features

• User-friendly interface resembling Netflix's design and functionality.
• Browse movies that are available in the database
• View detailed information about each movie or TV show, including ratings, synopsis, and cast.
• Create and manage user profiles.
• Maintain a personal watchlist.
• Responsive design for optimal viewing on various devices.

Technologies Used

• Next.js: A React framework that enables server-side rendering and provides a smooth user experience.
• React: A JavaScript library for building user interfaces.
• Prisma: An ORM (Object-Relational Mapping) tool that simplifies database operations.
• Tailwind CSS: A utility-first CSS framework that allows rapid UI development with pre-defined classes.
• MongoDB: A NoSQL database used for storing movie and user-related information.

Getting Started

To run the Netflix clone locally, follow these steps:

1. Clone the repository: git clone <repository-url>
2. Navigate to the project directory: cd netflix-clone
3. Install the dependencies: npm install
4. Set up the database connection in the .env file using your MongoDB credentials and in the same file Github Credentials for OAuth.
5. Populate the database with sample movies and TV shows (if available).
6. Run the development server: npm run dev
7. Open your browser and visit http://localhost:3000 to access the Netflix clone.

Folder Structure

• pages/: Contains the Next.js pages that correspond to different routes in the application.
• components/: Contains reusable React components used throughout the project.
• styles/: Contains global CSS styles and Tailwind CSS configurations.
• public/: Holds static assets such as images, icons, and videos.

Contributing

Contributions to the Netflix clone project are welcome! If you find any bugs, have suggestions, or want to add new features, feel free to open an issue or submit a pull request. Make sure to follow the project's code of conduct.

License

This project is licensed under the MIT License.