Skip to content

A Netflix Clone built with React, Tailwind CSS, Firebase, TMDB API, and OpenAI GPT — featuring multilingual AI-powered movie search, recommendations, and authentication.

Notifications You must be signed in to change notification settings

Ayush4803/NetflixGpt

Repository files navigation

NETFLIX GPT

🎬 NetflixGPT Clone

A Netflix-inspired web app built with React, Tailwind CSS, Firebase, TMDB API, and OpenAI GPT.
This project combines the classic Netflix-style UI with AI-powered movie recommendations and multilingual search.


🚀 Features

  • 🔑 Firebase Authentication – Secure signup/login system.
  • 🎥 TMDB API Integration – Fetch trending, top-rated, popular, and upcoming movies.
  • 🤖 AI-Powered GPT Search
    • Search movies by name to check availability on Netflix.
    • Get personalized movie recommendations by genre (e.g., "funny movies", "WW2 movies").
    • AI responds in multiple languages for a global experience.
  • 🌐 Multilingual Support – GPT search bar works in different languages.
  • 🎨 Modern UI with Tailwind CSS – Clean and responsive design inspired by Netflix.
  • 🔄 Dynamic Movie Lists – Explore movies by category (Now Playing, Popular, Top Rated, Upcoming).
  • 🛒 Recommendation System – Returns top 10 IMDb-rated movies for user queries.

🛠️ Tech Stack

  • Frontend: React, Tailwind CSS
  • Backend & Auth: Firebase
  • AI: OpenAI GPT API
  • Movie Data: TMDB API
  • Deployment: Netlify / Vercel

📸 Screenshots

SignIn/SignUP Page

Sign_In_Sign_Up page

Main Browse Page with Movie Trailer

Movie_Trailer_Browse_page

NowPlaying & Popular Movie

Now_Playing_Popular movies

TopRated & Upcoming Movies

Toprated_upcoming

GPT UI and Result for Movie Suggestion Via Prompt

Result for Movie_suggestion_promt

Search For Particular Movie

Result for Particular movie

Multilingual Feature

image

⚡ Setup & Installation

  1. Clone the repository:
    git clone https://github.com/your-username/netflixgpt-clone.git
    cd netflixgpt-clone
    npm install
    npm run dev
    

🌟 Future Improvements

  • Add "Add to Favorites / Watchlist" feature.

  • Improve multilingual translations.

  • Optimize AI recommendations with user history.

My workflow

  • Create Vite + React
  • Configured Tailwind
  • Build Header
  • Routing Of Our App
  • Login Form
  • Sign UP Form
  • Form Validation
  • Used useRef Hook
  • Deployed app Using Google-Firebase
  • Create Sign Up User in User Acoount
  • Created the Browser and Logout Option
  • Created an Acoount in TMDB nad fetch the live Movie data
  • Created a Custom Hook For NOWPLAYINGMOVIES
  • Created The Custom HOOK for Trailer
  • Fetched the Video API from TMDB
  • Added the Trailer Option
  • Created A NewSlice
  • Updated the Store
  • Provided Tailwind Css
  • Building GPT search bar
  • Created the GPT search bar and page
  • Added the multilingual feature in GPT search bar
  • Enable the GPT search bar
  • Added the GPT Search Option which will fetch movie details and also tell is it available on Netflix or not
  • Gpt Bar will fetch your requrement like 'Top rated ' 'Comedy Movies' etc to give you result

Features

  • Login/Sign Up

    • SignIn/Up Form
    • Redirect To Browsers Page
  • Browse (only after Authentication)

    • Header
    • Main Movie
      • Trailer In Background
      • Tittle and desvription
      • MovieSuggestion
        • MovieList * N
  • NetflixGpt

    • Serach Bar
    • Movie Suggestion
    • Multilingual
    • Availablity of Movie on Netflix

Please enable DESKTOP VIEW because currently website is not in responsive nature (Ongoing process.....)

Hit the More Info button on browse page to give me a feedback about the project

About

A Netflix Clone built with React, Tailwind CSS, Firebase, TMDB API, and OpenAI GPT — featuring multilingual AI-powered movie search, recommendations, and authentication.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published