Configuring create React app and tailwindcss Configuring the Components like body ,browse page,loginpage etc Configuring the routing with react router dom (npm i -D react-router-dom)

Features

• Login/signup

  • signin/SignupForm
  • Redirect to Browse Page

• Browse(After Authentication)

  • Header
  • Main movie - Trailer in Background - Title&Description -MovieSuggestions -MovieLists

• Netflix Gpt

• search bar

• Movie suggestions

NetflixGpt

• Create React App
• Configure Tailwind Css
• Configure react router dom
• Components
  • Body Component
  • Header
  • Login Form
  • Sign up Form
  • Form Validation
  • useRef Hook
  • Firebase build
  • Deploying our app to production
  • Creating signup user account
  • Authentication(Google Firebase) with Web Modular API
  • Setup Redux store with user slice- 1.npm i -D @reduxjs/toolkit 2.npm i react-redux
  • We will be using TMDB api -its free
  • BugFix:Signup user display name
  • Bugfix:if the user is not logged in redirect to home page/if logged in redirect to browse page
  • unsubscribe to onauth state call back
  • set fetch from tmdb api and call the api fetch on browse page
  • Custom hook for now playing movies
  • Create movieSlice
  • Update store with movie data
  • Planning for main video
  • Fetch Data for trailer video
  • update store with trailer video data
  • Embedded the youtube video amd and make it autoplay and mute
  • Make the secondary list
  • Make the movie list
  • Make the Movie cards and integrate it in the project
  • Gpt Search Feature
  • Gpt Api calls
  • Show the search results in gpt suggetion pages
  • Memoization
  • Added .env file on git repo

Browse Page Design

• MainContainer
  • Video Background
  • Video title
• Secondary Container
  • Movielist *n
  • Cards *n