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

movies suggestion gpt app with netfilx home page and gpt chat api for movies suggestion
https://github.com/preetiraj3697/netflix-gpt

firebase gpt-chat-for-moviesuggestion openai-api react react-router-dom redux-toolkit tailwindcss

Last synced: 25 days ago
JSON representation

movies suggestion gpt app with netfilx home page and gpt chat api for movies suggestion

• Host: GitHub
• URL: https://github.com/preetiraj3697/netflix-gpt
• Owner: Preetiraj3697
• Created: 2024-01-06T08:19:04.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-01-11T11:39:27.000Z (10 months ago)
• Last Synced: 2024-01-12T00:38:09.687Z (10 months ago)
• Topics: firebase, gpt-chat-for-moviesuggestion, openai-api, react, react-router-dom, redux-toolkit, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 439 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Netfilx 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/useTopRatedMovies/useUpcomingMovies 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 (for reduce fetch api call)

 - Added .env file (secure tmbd key and openai key)

 - Adding .env file to gitignore

# 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

 - Copy `https://github.com/Preetiraj3697/Netflix-GPT.git`

 - `npm install`

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

 - `npm start`