/Movies-GPT

Primary LanguageJavaScript

NetFlix GPT

  • Create React App
  • Configure the Tailwind CSS

Header.

  • Login Form.

  • Routing of App.

  • Login Form.

  • useRef Hook.

  • Firebase Setup.

  • Deployed.

  • Create Sign Up User Account.

  • Implement SignIn User API.

  • Created Redux Store with User Slice.

  • Implemented Sign Out.

  • Update Profile.

  • Bug Fix : Sign Up User displayName and Profile picture Update.

  • Bug Fix : If the user isnt logged in then Redirect /browse to Login Page and vice-versa.

  • UnSubscribed to the onAuthChanged callback.

  • Added HardCoded values to the Constant Files.

  • Register into the tmdb api and create an app to get the access token.

  • Get data from the tmdb api on now playing movies.

  • Custom Hook for Now Playing Movies list API.

  • Create MovieSlice.

  • Update tbe store with Movie Data.

  • Plannig for MainContainer & Secondary container.

  • Fetch the data for the Trailer.

  • Embedded the Youtube Video and make it autoplay and mute.

  • Tailwind CSS to make Main Container look more Awesome.

  • Built Secondary Component.

  • Built Movie List and Card.

  • TMDB Image CDN.

  • Improved UI using TailWind CSS.

  • Created usePopularMovies(),useTopRatedMovies(),useUpComingMovies() hooks to show the respective movies.

  • GPT Search Feature.

  • GPT Search Page & Bar.

  • Added Multi Language Feature.

  • Added GPT Functionality with the help of OpenAI APIs.

  • Added Memoization.

  • Fetched Movie Suggestion given by the API from the TMDB API.

  • Reused the MovieList to show the Suggested movies.

  • Importance of .env file.

  • Added responsiveness to the App.

Features

  • Login & SignUp.
  • Sign In/Login Form.
  • Redirect to Browse Page.
  • Search for movies and series.
  • Browse(After Authentication).
  • Header.
  • Main Movie.
  • Trailer in Background When we hover.
  • Title & Description.
  • Movie Suggestions - Movies Lists.