Netflix Gpt

https://netflix-gpt-16c5b.web.app/

• Created app using create-react-app

• Configured with tailwind css

• Header

• Routing of App

• Login Form

• Signup form

• Form Validation

• useRef Hook

• Firebase setup

• Deploying our app to production

• Create Signup User Account

• Implement Sign in user API

• Created redux store with user slice

• Implemented Signout

• Update Profile

• Fetch from TMDB Movies

• BugFix: Signup user displayName and profile picture update

• BugFix: If the user is logged in redirect to browse and if not logged in redirect to login

• Unsubscribed to the onAuthStateChanged callback

• Add hard coded values to constants files

• Register for TMDB APIs

• Create a new app

• Get data from TMDB Now Playing movies

• Custom hook

• Create movie slice

• Update store with movie data

• Planning for main container and secondary container

• Fetch data for trailer video

• Update the store with trailer video data

• Embedded the youtube video

• Make it auto play and mute

• Added tailwind classes to make main container look awesome

• Build secondary component

• Build movie list

• Build movie card

• Image CDN for TMDB

• Made the browse page look good with tailwind css

• Fetch movies by category

• Gpt search page

• Gpt search bar

• (FEATURE) Multi language feature in our App

• Integreate the GPT API(get open ai key)

• Show the result of movie search

Features

• Login/Signup

  • Sign in/ Sign up form
  • redirect to browse page

• Browse (after authentication)

  • Header
  • Login form
  • Main movie
  • Trailer in background
  • Title and description
  • Movie suggestions
    • Movie List * N

• NetflixGPT

  • Search Bar
  • Movie Suggestions