Netflix clone Web App

Amaan Sheikh
Published

0
  • Project creator

🚀 Netflix Clone Project
I built a Netflix Clone web application that replicates the look and feel of Netflix while giving me hands-on experience with React, API integration, and Firebase Authentication.

🔑 Features

User Authentication: Implemented Firebase Authentication with email/password login and Google sign-in. Users can create an account, sign in, and stay logged in with Firebase’s secure session handling.

Protected Routes: Only authenticated users can access the main movie dashboard, ensuring a real-world app-like flow.

Movie Data Fetching: Integrated with a movie/TV API (like TMDb) to fetch trending, popular, and upcoming shows dynamically.

Responsive UI: Styled with modern CSS (or Tailwind if you used it) to mimic Netflix’s sleek design, including a hero banner, horizontal carousels, and hover effects.

User Experience: Smooth navigation between login, signup, and browsing. Error handling for incorrect login attempts.

💡 Learning Outcomes
This project taught me how to:

Use Firebase Authentication for real-world login systems.

Protect routes in React with conditional rendering.

Manage API calls with React hooks like useEffect and state management with useState.

Build a Netflix-like UI that’s both interactive and responsive.

📌 Future Enhancements

Add a “My List” feature where users can save shows.

Include video trailers with YouTube embedding.

Improve authentication with password reset and OAuth providers (Facebook, GitHub, etc.).