Skip to content

Latest commit

 

History

History
85 lines (75 loc) · 2.59 KB

README.md

File metadata and controls

85 lines (75 loc) · 2.59 KB
Raw

Netflix-gpt

  • create react app

  • configired tailwind

  • Header

  • Login form

  • Sign in Form

  • Routing of App

  • Form Validation

  • useRef Hook

  • Firebase Setup

  • Deploying our app to production

  • Create SignUp User Account

  • Implement Sign In user Api

  • Created Redux Store with userSlice

  • Implemented Sign out

  • Update Profile

  • 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

  • Unsubscibed to the onAuthStateChanged callback

  • Add hardcoded values to the constants file

  • Update Profile

  • 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

  • Unsubscibed to the onAuthStateChanged callback

  • Add hardcoded values to the constants file

  • Regiter TMDB API & create an app & get access token

  • Get Data from TMDB now playing movies list API

  • Custom Hook for Now Playing Movies

  • Create movieSlice

  • Update Store with movies Data

  • Planning for MainContauiner & secondary container

  • Fetch Data for Trailer Video

  • Update Store with Trailer Video Data

  • Embedded the Yotube video and make it autoplay and mute

  • Tailwind Classes to make Main Container look awesome

  • Build Secondary Component

  • Build Movie List

  • build Movie Card

  • TMDB Image CDN URL

  • Made the Browsre page amazing with Tailwind CSS

  • usePopularMovies,useTopRatedMovies & useUpcomingMovies Custom hook

  • removed horizontal & vertical scrollbar - index.css

  • GPT Search Feature GPT Search Page

  • GPT Search Bar

  • (BONUS) Multi-language Feature in our App

  • Get Open AI Api Key

  • Gpt Search API Call

  • fetched gptMoviesSuggestions from TMDB

  • created gptSlice added data

  • Resused Movie List component to make movie suggestion container

  • Memoization

  • Added .env file

  • Adding .env file to gitignore

  • Made our Site Responsive

Features

  • Login/Sign Up
    • Sign In /Sign up Form
    • redirect to Browse Page
  • Browse (after authentication)
    • Header
    • Main Movie
      • Tailer in Background
      • Title & Description
      • MovieSuggestions
        • MovieLists * N
  • NetflixGPT
    • Search Bar
    • Movie Suggestions

Bug fix

  • Whenever the user is not logged in & user is on the home page & request to go on /browse page we should redirect him to home page.

  • Whenever the user is logged in & user is on the browse page & request to go on home page we should redirect him to browse page.

  • We should directly redirect him on checking auth with onauthstatechange provided by firebase.

  • you dont need any other routes except on onauthstatechange.

  • Making code readable,modular, testable.