Netflix gpt

• Create React App
• Configure TailwindCSS
• Header
• Routing of App
• Login Form
• Sign up Form
• Form Validation
• useRef Hook
• Google Firebase setup
• Deploy our app to production
• Create signUp User Account
• Impliment Sign In user Api
• Create Redux Store with userSlice
• Updated User Profile
  • Display name
  • PhotoURL
  • Email
  • Password
• BugFix : Sign up user display and profile picture update
• BugFix : if the user is not logged in Redirect/ browse to Login Page and vise-versa
• Unsubscribed to the onAuthStateChanged callback
• Add hardcoded value to the constant file
• Register TMBD 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 MainContauiner & secondary container
• Fetch Data for Trailer Video
• Update Store with Trailer Video Data
• Embedded the Yotube video and make it autoplay and mute
• Tailwind Classes to make Main Container look awesome
• Build Secondary Container
• Bulid Movie list
• Build Movie Card
• TMDB Image CDN URL
• Made the Browser Page amazing with Tailwind CSS
• Use Custom Hooks for diff title movies
• GPT Search Page
• GPT Search Bar
• Multi-language Feature in only GPT Search Bar
• Get Open AI Api key
• Get Search API Call
• Fetch gptmoviesSuggestion from TMDN
• created gptSlice added date
• Reused Movie list componant to make suggestion container
• Memoozation
• Added .env file
• Adding .env file to gitignore
• Made our Site Responsive
• and according to knowledge will updating time to time

Features

• Login/ sing up

  • sing in/sign up form
  • redirect to browser app

• Browser( after authentication)

  • header
  • MainContainer
    • Video Background
    • VideoTittle
      • MovieList * N
      • cards * N

• NetflixGPT

  • SearchBar
  • Movie suggection