Home

Awesome

<h1 align="center">Netflix Clone</h1>

Screenshots

<img src="./assets/Screenshot-18-03-2023-05-00-04.png" alt="">

Home Page


<img src="./assets/Screenshot-18-03-2023-04-47-07.png" alt=""> <img src="./assets/Screenshot-18-03-2023-04-48-10.png" alt="">

Browse Page


<img src="./assets/Screenshot-18-03-2023-04-48-36.png" alt="">

My List Page


<img src="./assets/Screenshot-18-03-2023-04-48-56.png" alt=""> <img src="./assets/Screenshot-18-03-2023-05-01-51.png" alt="">

Clickable List Sliders (with small info modal)


<img src="./assets/Screenshot-18-03-2023-05-01-58.png" alt="">

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

Run Locally

  1. First clone the project:
git clone https://github.com/schardev/nfx
  1. Go to project directory and install packages:
cd nfx && pnpm install
  1. Create .env.local file and paste your TMDB API key:
VITE_TMDB_API=<paste your api key here>
  1. Now start the application:
pnpm run dev