NetflixGPT React App

NetflixGPT React is a modern web application that replicates the core features of Netflix, allowing users to browse, search, and watch trailers for movies and TV shows. Powered by React and TMDB API, this app delivers real-time movie data and user-friendly navigation. With Firebase Authentication, users can securely log in, manage their profiles, and curate a personal Watchlist of their favorite titles. The app also features responsive design, ensuring seamless viewing on both desktop and mobile devices.

Setup

Client Folder: Front-end

Install the Node Module folder: npm install

Run the development server: npm run dev

Create a .env file and add the following configuration:

REACT_APP_TMDB_API_KEY=YOUR_TMDB_API_KEY_HERE

Features

• Home Page (Accessible after login via Firebase Authentication)
• Firebase-based SignIn/SignUp Page
• Watch Trailers directly from TMDB
• Browse Movies by categories such as Trending, Top Rated, and more
• Search for your favorite movies or TV shows
• Add to Watchlist feature (Movies added to a personalized watchlist)
• Watchlist Page for easy access to saved movies
• Responsive UI for mobile and desktop screens

Firebase Authentication

Firebase handles user authentication for secure login/signup After login, users can browse movies, view details, and save to their watchlist Protected Routes: Only authenticated users can access the home and watchlist pages Authentication: Firebase handles the login state, providing secure user access

React UI Libraries

Tailwind CSS

Shadcn UI

Headless UI

React Router

API Integration

This app integrates the TMDB API to fetch dynamic movie data:

Trending Movies: Displays the top trending movies. Movie Details: Displays detailed information and trailers. Search: Allows users to search for specific movies or TV shows by name.

💖 Support This Project

Thank you for taking the time to check out this Netflix React App. This project was inspired by my passion for learning React and exploring the vast capabilities of the TMDB API and Firebase. It’s a project built with love and dedication to bring movie-lovers a fun experience.

If you have any questions, suggestions, or just want to connect, feel free to reach out.

Made with ❤️ and React.