https://github.com/apurva-modi/netflix-clone

A React-based frontend that resembles Netflix main content page with posters fetched using themoviedb's API endpoints and the trailer are played using the react's youtube search package.
https://github.com/apurva-modi/netflix-clone

front-end netflix-clone react tmdb-api

Last synced: 3 months ago
JSON representation

A React-based frontend that resembles Netflix main content page with posters fetched using themoviedb's API endpoints and the trailer are played using the react's youtube search package.

• Host: GitHub
• URL: https://github.com/apurva-modi/netflix-clone
• Owner: apurva-modi
• Created: 2020-09-06T19:15:20.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-09-08T16:29:16.000Z (almost 5 years ago)
• Last Synced: 2025-02-08T06:15:35.347Z (5 months ago)
• Topics: front-end, netflix-clone, react, tmdb-api
• Language: JavaScript
• Homepage:
• Size: 12.5 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# N E T F L I X - C L O N E

![alt text](https://upload.wikimedia.org/wikipedia/commons/0/08/Netflix_2015_logo.svg "Landing Page")

[This React based web app](https://netflix-clone-4b104.web.app/) to demostration Netflix like front-end using [TMDB API endpoints](https://www.themoviedb.org/).

## Usage

1. Clone

   ```bash

   git clone hhttps://github.com/apurva-modi/netflix-clone.git

   ```

2. Install deps (`yarn`, `npm install`)

3. To run it on localhost.

   ```bash

   npm start

   ```

## React Component

These components uses react useState useEffect

- Navbar (ease-in from top on scroll-down)

- Banner (randomly changes on refresh)

- Row (to demonstrate different genre)

Credit: @Clever Programmer on Youtube

# Banner

![alt text](assests/banner.png "Landing Page")

# Youtube Trailer

![alt text](assests/trailer.png "Youtube trailer")

# Genre

![alt text](assests/genre.png "different genre")