Movies App

• Create React App
• configured 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 signin user API
• Created redux store with userSlice
• Implemented Sign Out
• Updated user profile
• Bugfix signup user displayname update
• If the user is not logged in redirect /browse to Login page and vice versa
• Unsubscribed to the onAuthstatechanged callback
• Add hardcoded values to constants file
• Register TMDB API and create an app and get access token
• Get Data fron TMDB now playing movies list API
• Custom for getting now playing movies list
• Created movieSlice
• Update store with movies data
• Planning for MainContainer and Secondary container
• Fetch data for Trailer video
• Update store with Trailer Video data
• Embedded the Youtube video by using trailer key and make it autoplay and mute
• Tailwind classes to make Maincontainer look awesome.
• Build secondary component
• Build Movie list
• Build Movie Card
• TMDB Image CDN URL
• usePopularMovies Hook
• useUpcomingMovies Hook
• UseTopRatedMovies Hook
• Updated popularMovies, upComingMovies and Toprated movies in the store.
• GPT Search Page
• GPT Search bar
• Multi-language feature in our app

Features

• Login/ Signup
  • Sign In/Sign UP Form
  • Redirect to Browse page
• Browser (After Authentication)
  • Header
  • Main Movie
    • Trailer in Background
    • Title and description
    • MovieSuggestions
      • MovieLists * N
• GPT
  • Search Bar
  • Movie Suggestions