https://github.com/abhisheksingh107/netflix-gpt
A Netflix clone using React, incorporating Firebase for authentication and deployment. Additionally, Integrated the ChatGPT API to allow interactive user conversations, creating a unique AI-powered experience.
https://github.com/abhisheksingh107/netflix-gpt
chatgpt firebase firebase-auth hooks-api-react javascript reactjs redux-toolkit rest-api tailwindcss
Last synced: about 2 months ago
JSON representation
A Netflix clone using React, incorporating Firebase for authentication and deployment. Additionally, Integrated the ChatGPT API to allow interactive user conversations, creating a unique AI-powered experience.
- Host: GitHub
- URL: https://github.com/abhisheksingh107/netflix-gpt
- Owner: abhisheksingh107
- Created: 2024-09-13T15:57:08.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-09-20T22:24:22.000Z (about 1 year ago)
- Last Synced: 2025-07-30T22:24:50.307Z (3 months ago)
- Topics: chatgpt, firebase, firebase-auth, hooks-api-react, javascript, reactjs, redux-toolkit, rest-api, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 402 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
- Configured tailwindCSS
- Header
- Routing of the App
- Login Form
- Sign Up Form
- Form valiadation
- useRef Hook
- Firebase setup
- Deploying our App to the Production
- Create SignUp User Account
- Implement Sign In User Api
- Created our Redux Store with userSlice
- Implemented the Sign out
- Update profile
- BugFix: if the use is not logged in redirect /browse to login page and viceversa
- Add hardcoded value to the constants file
- Register TMDB API & create an app & get access token
- get data from TMDB Now Playing movies list API
- custom hook for Now Playing Movie and Video Trailer
- Create movieSlice
- Update the Store with movie data
- Plannig for Main and secondary Container
- fetch data for trailer Video
- Update the store with trailer video
- embed the You Tube video with tailer ID and make it auto play and mute
- added tailwind css to make Main container look awesome
- Build Secondary Component
- Build movie List
- Build movie Card
- TMDB Image CDN URL
- Made the Browser page with tailwind CSS
- usePopularMoive, useTopRated, useupcoming custom hook
- GPT search Bar
- GPT search Page
- Multilanguage feature in our App
- Integreted GPT API()
- Get Open Ai Key()
- Gpt Search Api Call
- Fetch the movie from TMBD on the basis of GPT Search
- Memoization
- Added .env file to keep data secreat
-
# Features
- Login/SignUp Page
- Sign In/ Sign Up Form
- Redirect to Browe page
- Browse (After authentication)
- header
- Main Movie
- Trailer in Background
- Title and description
- Movie Suggestion
- Movie List
- NetflixGPT
- Search Bar
- Movie Suggestions