Movies-Platform

• create React app.
• configured TailwindCSS.
• Header
• Routing of App
• Login Form
• Sign up Form
• Form Validation.
• useRef Hook.
• firebase setup
• Deploye our app to production.
• create SignUp user account.
• Implement SignIn/SignUp api.
• Created Redux Store with userSlice.
• Implemented SignOut
• Updated profile
• Fetch from TMDB Movies
• BugFix: Sign up user displayName and profile picture update.
• BugFix: if the user is not logged in redirect/browse to Login Page and vice-versa.
• Add hardcoded value to the constant files.
• Register TMDB API & create an app & get access token.
• Get data from TMDB Now playing movies list api.
• custom hook for NowPlaying Movie.
• Planing for MainContainer and secondary COntainer.
• Fetch Data for Trailer video.
• Update store with trailer video data.
• Embeded the youtube video and make it autoplay and mute.
• tailwind classes to make main container look awesome
• Build Secondary Component
• Build Movie List
• TMDB Image CDN URL
• Made the Browser page amazing with Tailwind CSS.
• usePopularMovies custom hook.
• GPT Search Page
• GPT Search Bar.
• Multi-Language feature in our app
• Get Open AI api key
• get search api call
• fetched getMovieSuggestion from TMDB
• created gptSlice added data
• Reused Movie List component to make suggestion container
• Memoization
• Added .env file
• Adding .env file to gitIgnore
• Made our Site Respinsive

Feature

 - Login/Sign up form
 - redirect to browse page.

• Browse (after authentication)

  • Header
  • Main Movie - Trailer in Background. - Title in Background. - MoviesSuggestion - MoviesList*N

• NetFlixGPT

  • Search Bar
  • Movie Suggestion.