websharkdev / netflix-clone

This project is a full-stack Netflix clone built using React, Tailwind CSS, Next.js, Prisma, MongoDB, NextAuth, and deployed on Vercel. It aims to replicate the main features and functionality of the Netflix platform.

Full Stack Netflix Clone

This project is a full stack Netflix clone built using React, Tailwind CSS, Next.js, Prisma, MongoDB, NextAuth, and deployed on Vercel. It aims to replicate the main features and functionality of the Netflix platform.

Stack

The project utilizes the following technologies and libraries:

• React
• Tailwind CSS
• Next.js
• Prisma
• MongoDB
• NextAuth
• Vercel

Dependencies

The project uses the following dependencies:

    "@emotion/react": "^11.10.6",
    "@emotion/styled": "^11.10.6",
    "@heroicons/react": "^2.0.16",
    "@next-auth/mongodb-adapter": "^1.1.1",
    "@next-auth/prisma-adapter": "^1.0.5",
    "@next/font": "13.1.6",
    "@prisma/client": "^4.10.1",
    "@types/node": "18.13.0",
    "@types/react": "18.0.28",
    "@types/react-dom": "18.0.11",
    "axios": "^1.3.3",
    "bcrypt": "^5.1.0",
    "eslint": "8.34.0",
    "eslint-config-next": "13.1.6",
    "framer-motion": "^9.0.4",
    "lodash": "^4.17.21",
    "mongodb": "^4.14.0",
    "mongoose": "^6.9.2",
    "next": "^13.2.4",
    "next-auth": "^4.21.1",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-icons": "^4.7.1",
    "swr": "^2.0.3",
    "typescript": "4.9.5",
    "zustand": "^4.3.3"

Getting Started

To get started with the Netflix Clone project, follow these steps:

1. Clone the repository: git clone https://github.com/your-username/netflix-clone.git
2. Install the dependencies: npm install
3. Set up your MongoDB database and configure the connection in the .env file.
4. Run the development server: npm run dev
5. Open your browser and visit: http://localhost:3000

Feel free to explore the codebase and make any necessary modifications to suit your requirements.

Features

The Netflix Clone project includes the following features:

• Dynamic Billboard component displaying random movies with autoplay functionality.
• Movie List feature providing a comprehensive list of movies from the database.
• Favorites feature allowing users to add or remove movies from their favorites list.
• PlayButton component enabling users to initiate playback of movies.
• VideoPlayer component specifically designed for individual movies, allowing users to watch the selected movie.
• Info Modal Component providing additional information and details about each movie.

License

The Netflix Clone project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the license terms.

For more information, please refer to the LICENSE file.

Acknowledgments

This project is inspired by the Netflix platform and serves as a learning exercise for building full stack applications using modern web technologies.

Special thanks to the developers and contributors of the utilized libraries and frameworks that made this project possible