The Netlix GPT App is an AI-driven platform that enhances the Netflix experience. It leverages OpenAI's GPT-3.5 model to provide personalized content recommendations .This project is for Netflix enthusiasts seeking a more engaging and customized streaming experience. It empowers users to explore content effortlessly, engage in natural language interactions, and gain a deeper understanding of their favorite shows and movies. Whether you're a seasoned Netflix user or just starting your streaming journey, this app is designed to make your entertainment experience more enjoyable and enriching.

• Create React App
• Configured TailwindCSS
• Header
• Routung for App
• Login Form
• Sign Up Form
• Login/SignUp Form Validations
• useRef Hook
• Firebase Setuo
• Firebase Hosting deployment
• Create Sign Up User on firebase
• Implement Sign In user API
• Created Redux Store with userSlice
• Implemented Sign Out
• Update profile
• Fetch movies from TMDB
• Bugfix: Sign Up user displayName and profile photo update
• Bugfix: If the user is not logged in Redirect /browser to Login page and vice versa
• Unsubscribed to the onAuthStateChange callback
• Add hardcoded values to the contants file
• Register TMBD API & create an app and get access token
• Get data from TMBD now playing movie list API
• Cutom Hooks created for Now Playing Movies
• Create movieSlice
• Updates store data with movies data
• Planed for MainCOntainer & Secondary conatiner
• Fetch Data fro trailer Video
• Update Store with Trailer Video Data
• Embedded the YouTube video and make it autoplay and muted video
• Tailwind Classes to make MainContainer UI look awesome
• Build Secondary Component
• Build Movie List
• Build Movie Cards
• TMDB Image CDN URL
• Made the Browse Page UI good
• usePopularMovie, useTopRatedMovie, useUpcomingMovie Custom Hooks
• GPT Search page
• GPT Search Bar
• (BONUS) Multi-Language Feature in our App
• Get Open AI Api key
• GPT Search APIs Integrate (get open API Key)
• fetched gptMovieSuggestions from TMDB
• created gptSlice and added data
• Reused Movie List component to make movie suggestions container
• Memoization
• Added .env file
• Added .env file to .gitignore file
• Made App Responsive

• Login/Sign up

  • SignIn/SignUp Form
  • redirect to Browse Page

• Browse (/browse : after authentication)

  • Header
  • Main Movie
    • Trailor in background
    • Title & description
    • Movie Suggestions
      • MovieLists * New

• NetflixGPT

  • Search Bar
  • Movie Suggestions