zygisS22 / react-netflix

Netflix slider and searchbar, recreated using react with hooks, powered by TMDB API

Home Page:https://zygiss22.github.io/react-netflix/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React netflix

Netflix slider and searchbar, recreated using react with hooks, powered by Movie Database API. Demo link

Features

  • Slide movies Left,Right or Reset to zero.
  • Expand on hover exactly the same as in netflix respecting edges.
  • Small index element with current slide row.
  • On slide item click, show additional information.
  • show genres, cast or similar movies.
  • Poster style slider
  • Search bar for movies using css grid.
  • Load more button in search screen

General information

This is a small project created to learn a little bit about react hooks, the mayority of the css is taken from netflix's website using web devtools.

There might be things broken in other web browsers, tested only on firefox.

About

Netflix slider and searchbar, recreated using react with hooks, powered by TMDB API

https://zygiss22.github.io/react-netflix/


Languages

Language:JavaScript 58.9%Language:CSS 39.0%Language:HTML 2.1%