https://github.com/dikshant441/netflixx-gpt

A Netflix like application TMDB integration with OpenAI with Google firebase authentication.
https://github.com/dikshant441/netflixx-gpt

google-firebase javascript jsx memoization openai-api reactjs redux-toolkit tailwindcss tmdb-api validation

Last synced: about 2 months ago
JSON representation

A Netflix like application TMDB integration with OpenAI with Google firebase authentication.

• Host: GitHub
• URL: https://github.com/dikshant441/netflixx-gpt
• Owner: Dikshant441
• Created: 2024-01-24T19:46:50.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-03-01T18:21:45.000Z (10 months ago)
• Last Synced: 2024-03-01T19:33:15.840Z (10 months ago)
• Topics: google-firebase, javascript, jsx, memoization, openai-api, reactjs, redux-toolkit, tailwindcss, tmdb-api, validation
• Language: JavaScript
• Homepage: https://netflixx-a56prko1v-dikshant-singh.vercel.app
• Size: 594 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

- Configure TailwindCSS

- Header

- Routing of App

- Login Form

- Sign up Form

- Form Validation

- useRef Hook

- Google Firebase setup

- Deploy our app to production

- Create signUp User Account

- Impliment Sign In user Api

- Create Redux Store with userSlice

- Updated User Profile

    - Display name

    - PhotoURL

    - Email 

    - Password

- BugFix : Sign up user display and profile picture update

- BugFix : if the user is not logged in Redirect/ browse to Login Page and vise-versa

- Unsubscribed to the onAuthStateChanged callback

- Add hardcoded value to the constant file 

- Register TMBD 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 Container

- Bulid Movie list

- Build Movie Card

- TMDB Image CDN URL

- Made the Browser Page amazing with Tailwind CSS

- Use Custom Hooks for diff title movies

- GPT Search Page

- GPT Search Bar

- Multi-language Feature in only GPT Search Bar

- Get Open AI Api key

- Get Search API Call

- Fetch gptmoviesSuggestion from TMDN

- created gptSlice added date

- Reused Movie list componant to make suggestion container

- Memoozation

- Added .env file

- Adding .env file to gitignore

- Made our Site Responsive

- and according to knowledge will updating time to time 

# Features

- Login/ sing up

    - sing in/sign up form

    - redirect to browser app

- Browser( after authentication)

    - header

    - MainContainer

        - Video Background

        - VideoTittle

            - MovieList * N 

             - cards * N

- NetflixGPT

    - SearchBar

    - Movie suggection