Git Product home page Git Product logo

netflix-gpt's Introduction

Netflix-GPT

- Create React APP
- Configured TailwindCSS
- Header
- Routing of App
- Login Form
- SignUp Forms
- Form Validation
- useRef Hook
- Firebase Setup
- Deploying our app to production
- Create SignUp in User Account
- Implement Sign In user API
- Created Redux Store with userSlice
- Implemented Sign Out
- Update Profile
- BugFix: Sign p user displayname and profile picture update
- Bugfix: if the user is not logged in redirect /browse to login page and vice-versa
- Unsubscribe to the onAuthStateCbanged Callback
- Add hardcoded values 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 NowPlaying Movie
- Create movieSlice
- Update store with movies data
- Planning for MainContainer & Secondary Container
- Fetch data for Trailer Video
- Update store with trailer video data
- Embedded the Youtube video and make it autoplay and mute
- Tailwind classes to make main container look awesome
- Built Secondary Component
- Built Movie List
- Built Movie Card
- TMDB Image CDN
- Made Browse Page amazing with tailwind css
- Created custom hooks usePopularMovie, useTopRatedMovie, useUpcomingMovie
- GPT Search Page
- GPT Search Bar
- (BONUS) Multi-language Feature in our App

Features

- Login / SignUp
    - Sign In / Sign up Form
    - Redirect to Browser Page
- Browser (after authentication)
    - Header
    - Main Movie
        - Trailer in Background
        - Title & Description
        - Movie Suggestions
            - Movie List * N
- NetflixGPT
    - Search Bar
    - Movie Suggestions

netflix-gpt's People

Contributors

shivamkumar06 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.