Netflix (challenge)

Projet Copycat d'une interface Netflix en React avec mise en place d'une navigation par slider alimenté par l'API TMDB et prévisualisation de la bande annonce associé au film.

React (frontend) - Firebase (déploiement)

Voir le site web Github
Clients

Projet personnel

Besoin

Reproduire la page de visualisation de film de Netflix avec le framework React et l'utilisation d'une API externe.

Conception

Utilisation du framework React pour l'interface,  récupération des données depuis l'API TMDB (themoviedb.org) et mise en place d'une sélection aléatoire du film à la une. Lors de la sélection d'un film, visualisation de sa bande-annonce dans un bandeau sous le slider. Déploiement sur Firebase pour la mise en ligne.

Couleurs

#111111

#ffffff

preview

Sliders

Chaque slider représentant une thématique de film est conçu sous forme de composant React réutilisable. Les données sont récupéré avec une requête vers une API externe (TMDB) permettant d'avoir une actualisation dynamique des données en fonction des données contenues dans la playlist renvoyé par l'API.

Affichage de la bande annonce

Lors de la sélection d'une affiche, un bandeau apparaît sous le slider de sa playlist afin de visualiser la bande annonce du film (utilisation d'un plugin YouTube pour le lecteur et la vidéo)

Image à la une

Affichage aléatoire du film à la une à chaque rafraichissement de la page.