Netflix GPT

• Create React App
• Configured TailwindCSS
• Header
• Routing of App
• Login Form
• Sign up Form
• Form Validation
• useRef Hook
• Firebase Setup
• Deploying our App to Production
• Create SignUp User Account
• Impliment Sign In user Api
• Created Redux Store with userSlice
• Implemented Sign out
• Update Proifile
• BugFix: Sign up user displayName and profile picture update
• BugFix: If user is not logged in Redirect / browse to login Page and vice-versa
• Unsubscribe to the onAuthStateChanged callback
• Add hardcoded values to the constants file
• Register TMDB API & create an app & get access token
• Get Data from TMDB now playing movies list API
• Custom hook for Now Playing Movies
• Create movieSlice
• Update Store with movies Data
• Planning for MainContainer & Secondary Container
• Fetch data from Trailer Video
• Update Store with Trailer Video Data
• Embedded the youtube video make it autoplay and mute
• Tailwind Classes to make mainContainer look awesome
• Build Secondary Container
• Build Movie List
• Build Movie Card
• TMDB Image CDN URL
• Made the browse page amazing with TailwindCSS
• usePopularMoviesCustom Hook
• GPT Search Page
• GPT Search Bar
• (Bonus)Multi-language Feature in our App
• Build a movie recommendation platform integrated with TMDB API to showcase movies and powered by Gemini-2.0-flash AI(model) for personalized recommendations.
• create .env file
• make the Responsive website

Features (Planning) | NetflixGenAI

• Login/Sign Up (on Netflix Home Page)
  • sign in / sign up Form
  • redirect to Browse Page
• Browse page (after authentication)
  • Header
  • Main Moive
    • Trailer in Background
    • Title & Description
    • Moive Suggestions - MovieLists * N
• NetflixGPT
  • Search Bar
  • Movie Suggestions
• Setup routing
  • npm i -D react-router-dom