https://github.com/madhavx05/netflix-gpt

Netflix GPT is a conversational web app that lets users explore and discover movies and TV shows on Netflix through a chatbot interface. Powered by GPT, the bot provides personalized recommendations, details about titles, and even helps users find hidden gems based on their preferences.🚀
https://github.com/madhavx05/netflix-gpt

chatbot frontend movie-recommendation-app netflix-clone openai reactjs tailwindcss webdevelopment

Last synced: 2 months ago
JSON representation

Netflix GPT is a conversational web app that lets users explore and discover movies and TV shows on Netflix through a chatbot interface. Powered by GPT, the bot provides personalized recommendations, details about titles, and even helps users find hidden gems based on their preferences.🚀

• Host: GitHub
• URL: https://github.com/madhavx05/netflix-gpt
• Owner: MadhavX05
• Created: 2024-10-03T19:02:39.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-11-09T15:32:26.000Z (2 months ago)
• Last Synced: 2024-11-09T16:29:37.208Z (2 months ago)
• Topics: chatbot, frontend, movie-recommendation-app, netflix-clone, openai, reactjs, tailwindcss, webdevelopment
• Language: JavaScript
• Homepage: https://netflixgpt-x07.web.app
• Size: 234 KB
• Stars: 2
• 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 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 

- 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 Custom hook

- 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

# Project Setup

- Before starting the project please add .env file and add TMDB and OPENAI KEY into it.