A fully functional Netflix Clone web application that replicates the core features and user experience of the Netflix platform.
This project includes secure authentication, protected routes, dynamic content rendering, and a modern, responsive UI.
Built as a hands-on project to demonstrate real-world frontend development practices and application architecture.
A short video demonstrating the complete workflow of the application — from login to browsing content and interacting with the UI.
📌 If the video does not auto-play on GitHub, click the download button to view it locally.
- 🔐 Authentication System
- User login & logout
- Protected routes for authenticated users
- 🎞️ Movie & TV Show Browsing
- Dynamic content rendering
- Category-based rows
- 🎨 Netflix-Inspired UI
- Clean and modern layout
- Smooth hover effects and transitions
- 📱 Fully Responsive
- Works seamlessly on desktop, tablet, and mobile devices
- ⚡ Scalable Architecture
- Component-based structure
- Easy to maintain and extend
- Frontend: React / Next.js (update if different)
- Styling: CSS / Tailwind CSS / Styled Components
- Authentication: Firebase Authentication (or custom auth)
- API: TMDB (The Movie Database) API
- State Management: Context API / Redux (if used)
netflix-clone/
│
├── src/
│ ├── components/
│ ├── pages/
│ ├── hooks/
│ ├── services/
│ └── styles/
│
├── public/
├── netflix_clone.mov
├── package.json
└── README.md