This is a Next.js project bootstrapped with create-next-app.
Netflix Clone
This is a project to create a Netflix clone using React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth, and Vercel.
Table of Contents
- Installation
- Features
- Technologies Used
- Contributing
- Screenshots
Installation
- Clone the repository: git clone https://github.com/GiovanniBot/netflix-clone.git
- Navigate into the cloned directory: cd netflix-clone
- Install dependencies: npm install
- Start the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
Open http://localhost:3000 with your browser to see the result.
Features
- Authentication with NextAuth
- Google and GitHub OAuth integration
- Protecting routes
- User profiles screen
- Navbar component
- Billboard component with a random movie endpoint
- Movie list and movie card components
- Movies endpoint with cool hover effect
- Favorites/My List functionality
- Play button and video player
- Single movie endpoint
- Info modal component
- Vercel deployment
Technologies Used
- React
- Tailwind CSS
- Next.js
- Prisma
- MongoDB
- NextAuth
- Vercel
Contributing
Contributions are welcome! If you find a bug or have an idea for a new feature, please create an issue on this repository.
Screenshots
Here are some screenshots of the project:
Sign In screen:
Sign Up screen:
