• Create React App
• Configured Tailwind CSS
• Header
• Routing of App
• Login/Sign In form
• Sign Up form
• Form Validation
• useRef Hook
• Firebase Setup
• Create sign up user account
• implement sign in user API
• Create redux store with userSlice
• implement sign out
• Add hardcoded values to the constants file
• Register TMDB API & create an app & get access token
• Get data from TMDB now playing movie list API
• Custom hook for now playing movies
• Create movieSlice
• Update store with movie data
• Planning for MainContainer and SecondaryContainer
• Fetch data for Trailer video
• Update store with Trailer video
• Embedded the youtube video and make it autoplay and mute
• Build secondary container with MovieList and MovieCard
• Custom hooks for different categories of moviesList
• GPT Search Page
• GPT Search Bar
• Get Open AI key
• fetched gptMovieSuggestion data from Tmdb API
• make app responsive

• Login/Signup
  • SignIn/ SignUp free
  • redirect to browse Page
• Browse (after authentication)
  • Header
  • Main Movie
    • trailer in background
    • Title & description
    • MovieSuggestions
      • MovieLists * N
• NetflixGPT
  • Search Bar
  • Movie Suggestions

Live Link - https://netflixgpt-b1014.web.app/