Netflix Clone

Screenshots

Home Page

Browse Page

My List Page

Clickable List Sliders (with small info modal)

Big Info Modal

Demo

https://user-images.githubusercontent.com/51372520/226106224-e8b3e8de-ea96-4f84-9cbf-da96142faef6.mp4

Desktop Demo

https://user-images.githubusercontent.com/51372520/226106086-2d7e4865-42ee-4771-a785-ea5d0b1068cc.mp4

Mobile Demo

Stack Used

• Typescript
• React
• SCSS Modules
• TMDB API
• Framer Motion
• Iconoir Icons
• Vercel

Run Locally

1. First clone the project:

git clone https://github.com/schardev/nfx

2. Go to project directory and install packages:

cd nfx && pnpm install

3. Create .env.local file and paste your TMDB API key:

VITE_TMDB_API=<paste your api key here>

4. Now start the application:

pnpm run dev