Netflix Clone

fully responsive single page web app built using react.js
View Demo

Project Screenshot

(back to top)

Built With

• React.js
• React Youtube NPM Package
• Movie Trailer NPM Package
• TMDB API

(back to top)

Learnings

Important things that I learnt building this project

1. Working with APIs.
2. Learnt efficient way to fetch data from api by modeling them in different file structure.
3. Implemented complex ui styling using CSS.
4. Learnt to work with useEffect hook.

(back to top)

Installation

Follow these steps to run this project on your local system

1. Get a free API Key at https://www.themoviedb.org/

2. Clone the repo

   git clone https://github.com/aaveggupta/Netflix-Clone.git

3. Change directory to Netflix-Clone

   cd Netflix-Clone

4. Install NPM

   npm install

5. Install NPM packages

   npm install movie-trailer react-youtube

6. Enter your API in src/requests.js

   const API_KEY = "YOUR_API_KEY";

7. Start NPM

   npm start

(back to top)

Contact

Aaveg Gupta - linkedin/aaveggupta

Project Link: https://github.com/aaveggupta/Netflix-Clone

Project Demo: https://netflix-clone-415f8.web.app/

(back to top)