Netflix clone

This is a Netflix clone application made with React+TypeScript. The following requirements are met.

  • Retrieve and display NetflixApi from TMDB
  • Display in columns by genre
  • The background of the banner changes depending on the slide.
  • When you click on a movie, if there is one, it will show the promotional Youtube video in an iFrame.

Explanation of demo

Image from Gyazo It retrieves the list of Netflix movies and displays them by category.

image.png Clicking on the movie will take you to a promotional video on youtube.

Image from Gyazo

View Demo View Github
# usage

In the project directory, you can run:

yarn

yarn start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

tutorial(in Japanese)

The production procedure is explained here.

https://zenn.dev/gunners6518/books/4c4672f32dd100

Reference

https://www.youtube.com/watch?v=XtMThy8QKqU&t=1041s&ab_channel=CleverProgrammer