Netflix GPT

  • Create react app
  • Configured taiwand css
  • Header
  • Routing of App
  • Login form
  • Sign Up form
  • Form validation
  • useRef Hook
  • Firebase Setup
  • Deploying our app to production
  • Create a Signup user account
  • Implement SignIn User Api
  • Created Redux Store with UserSlice
  • Implemented Sign Out
  • Update Profile
  • Fetch Moives from TMDB
  • bug fix: sign up user displayname and profile picture update
  • bug fix: if the user is not loggedin redirect/browse to login page and vice-versa
  • unsubscribed to the onAuthStateChanged callback
  • Add hardcoded values to constants file.
  • Registered 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 movie data
  • Playing for MainContainer and SecondaryContainer
  • Fetch Data for Trailer Video
  • Update Store with trailer video data
  • Embeded the youtube video make it auto play and mute
  • Tailwind classes to make MainContainer look awesome
  • Build Secondary Container
  • Build Movie list
  • Build movie card
  • TMDB image CDN URL
  • Made the browser page amazing with Tailwind CSS
  • UsePopularMovies Custom Hook

Features

  • Login/Signup
    • Sign In/Sign Up form
    • redirect to Browse Page
  • Browse (after authentication)
    • Header
    • Main movie
      • Trailer in background
      • Title and description
      • Movie suggestions
        • MovieLists
  • Netflix gpt
    • Search bar
    • Movie suggestions