Skip to content

Latest commit

Β 

History

History
64 lines (48 loc) Β· 1.75 KB

File metadata and controls

64 lines (48 loc) Β· 1.75 KB

🎬 Netflix Clone

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.


πŸŽ₯ Demo

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.


πŸš€ Features

  • πŸ” 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

πŸ› οΈ Tech Stack

  • 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)

πŸ“‚ Project Structure

netflix-clone/
β”‚
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/
β”‚   β”œβ”€β”€ pages/
β”‚   β”œβ”€β”€ hooks/
β”‚   β”œβ”€β”€ services/
β”‚   └── styles/
β”‚
β”œβ”€β”€ public/
β”œβ”€β”€ netflix_clone.mov
β”œβ”€β”€ package.json
└── README.md