https://github.com/preethi-dev/netflix-gpt

https://github.com/preethi-dev/netflix-gpt

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/preethi-dev/netflix-gpt
• Owner: Preethi-Dev
• Created: 2024-02-27T05:37:39.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-03-05T17:04:20.000Z (about 1 year ago)
• Last Synced: 2025-01-08T22:54:26.760Z (5 months ago)
• Language: JavaScript
• Size: 620 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Netflix GPT

- create react app using create-react-app

- set up tailwindcss

- Header

- Routing of App

- Login Form

- Sign Up Form

- 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 feature

- Update Profile

- Bug Fix: Sign Up user display name and (photoURL - opitonal) update

- Bug Fix: If the user is not loggedin -> Redirect \browse to \ and vice versa

- Unsubscribe to the onAuthStateChanged callback

- add hardcoded values to constants.js

- Register tmdb API && create an app && get access token

- get data from tmdb now playing movies list API

- Custom hook for now playing movies

- Create movie slice

- update store with movie data

- Planing for main container and secondary container

- Fetch data for Trailer video

- update store with traier video data

- emdedded youtube video and make it autoplay and make it mute

- TailwindCSS make main container looks awesome

- Build secondary container

- Build MovieList

- Build MovieCard

- TMDB image cdn url

- Made the browser page amazing by tailwindCSS

- usePopularMovies Custom hook

- useTopRtaedMovies Custom hook

- useUpcomingMovies Custom hook

- GPT Search Page

- GPT Search Bar

- Multi-language support in GPT Search page

# Features

- Login / Signup

  - SignIn / SignUp form

  - redirect to browse page

- Browse (After authentication)

  - Header

  - Main Movie

    - Trailer in background

    - Title & description

    - Movie Suggestions

      - MovieLists \* N

- Netflix GPT

  - Search Bar

  - Movie Suggestions

    - Main Component

      - Video Title

      - Video Background

    - Secondary Component

      - Movie Lists \* n rows

      - Movie Cards \* n