netflixGPT

• npx create-react-app
• tailwind css configure
• routing for login
• login form/ registr form
• form validation /useref
• authetication and firebase
• use redux for storing user data and passing to other component
• implemented signout feature
• TMDB register, get the APIKEY,fetch the api
• Movie Slice
• best practice : fetching data using custom hook
• videotitle component(suing movie slice data)
• videbackground (using fetching data from video api and getting id and extracting you tube video)
• handling trailer video trough redux store
• displaying trailer in background
• displaying all category of movies & making more custom hooks
• mutlilinguistic
• gpt feature added using open ai API KEY
• fetched gptMoviesSuggestions from TMDB
• swiper add on each movie card
• Header ui fixed
• beautiful error page
• asking user api key

To Do:

• responsive(*)
• each card functionality ✔
• shimmer UI (*) ✔
• Error Handling ✔
• test user already present ✔
• gpt page css

features required:

• login/sign up

  • login /sign up(if not authenticated user)
  • redirect to browse page

• browse (after authenticated )

  • header
  • main movie
    • trailer in ackground
    • title and description
    • movie suggestions
      • movielist *n

• netflix gpt

  • search bar
  • movie suggestion

• browse

  • main video container
    • video background
    • video title
  • secondary container
    • movie list *n
      • cards *n
        ctrl+shift+v to run