abhishek-sawant-98 / netflix-ui-clone

This is a UI Clone of the NETFLIX Web App using React.js

Netflix UI Clone (React)

This is a very basic UI clone of the NETFLIX web app using React and The MovieDB API.

Deployed App 👉 https://abhishek-netflix-clone.netlify.app/ 🚀

🔥 This is a PWA (Progressive Web App), which can be installed natively on mobile and desktop devices.

Working Demo 👇

netflix-clone.mp4

At first, all images won't load due to Too many requests error. To fix this, keep refreshing the app till all the placeholder images disappear.

Tools Used 🛠️

• Axios
• React
• Redux Toolkit
• Sass
• Bootstrap5
• Movie-Trailer

Steps to Run Project Locally 💻

• Install dependencies: run npm install in root project
• Get API key from here
• Create .env file in root project and add: REACT_APP_TMDB_API_KEY=YOUR_API_KEY_HERE
• Run project in development mode: npm start
• Build project for production: npm run build

User Stories

• User can the see upcoming and trending movies. Data updates weekly
• User can click on a movie and a modal should pop up displaying the movie trailer.
• The webpage adapts to any screen size.