Netflix Gpt

• create-react-app
• configured tailwind
• Header
• routing
• LOGIN
• signIN/SignUp form
• form validation
• useRef Hook
• firebse setup
• firebase Deploy
• Setup SignIn/up API in User API
• Redux Store Setup
• Created Redux appStore with userSlice
• SignOut feature
• Big Fix: if the user is not loggedIn redirect to login page or vice versa
• Bug Fix: user DisplayName and photoURL
• Unsubscribed to the onAuthStateChanged callback
• Register TMDB API and get API key
• Get data from tmdb now playing movie api
• custom hook fro now playing video
• create movieSlice to add the movie data
• update store with movie data
• planning for mainConatainer and secondarycontainer
• ftech data for trailer video
• update store with trailer video
• embedded the youtube video
• tailwind classes to make mainContainer looks good
• Build secondary container with movie list
• Get Data from TMDB API For movies
• Add Movie Card
• Add Image URL Builder CDN
• Add usetopRated , usePopular, useUupcomingMovies custom hooks
• Add AI Search Page component
• Add AI Search bar component
• Add Multilingual Feature
• css fixes

Features

-Login/Signup Page - sigIn/signUp form - redirect to Browse page

• Browse Page (Only comes after authentication)
  • Header
  • Main Movie
    • Trailor in background
    • Title and Description
    • Movie Suggestions
      • Movies list * N

-NetflixGPT - Search Bar - Movie Suggestions