A fully responsive Netflix clone built using React.js, designed to simulate a full-fledged movie streaming experience. The project integrates the TMDB API for movie data and Firebase for user authentication and data storage. Whether on desktop or mobile, it delivers a smooth and interactive user interface.
- 🔐 User Authentication (Sign In / Sign Up)
- 🏠 Home Page for Movie Browsing
- 📃 “My List” for Personalized Movie Collection
- ❤️ Liked Movies Page
- ✅ Watched Movies Page
- 👤 Profile Page with User Info
- 🎥 Movie Playback Page
- 🔍 Movie Search Functionality
- ⚛️ React.js
- 🎜️ TMDB API
- 🔥 Firebase
- 🌐 Axios
- 🖼️ Swiper.js
- 📺 React-Youtube
- 🎨 Tailwind CSS
This Netflix clone was crafted to sharpen skills in modern web development, focusing on dynamic UIs, state management, and real-time user data handling. Using Firebase for user sessions and movie preferences, and TMDB API for content, the app showcases best practices in React, component structure, and UI responsiveness.
To run the project locally:
git clone https://github.com/amitrajstm/netflix-clone.git
cd netflix-clone
npm install
npm run devMake sure to add your own Firebase and TMDB API keys in the environment config.
- TMDB for movie data API
- Firebase for real-time authentication
- Netflix for design inspiration
If you like this project, please consider giving a ⭐ to this repo. It helps others discover it and keeps me motivated!
Feel free to reach out if you'd like to collaborate or provide feedback!