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