Je vous présente Cineboom! Un site web où il est possible de se connecter à un compte, de parcourir certaines tendances, de rechercher et ajouter à ses favoris une quantité de séries télévisées impressionnante.
De plus, une page de détails générée pour chaque série permet d'en apprendre davantage sur celle-ci, ainsi que de visionner la bande annonce (en provenance de YouTube) directement sur le site. Le tout, grâce à la connexion à l'API de Trakt.
Le site a été développé à l'aide de Next.js dans React et stylisé en CSS. L'utilisation des composantes réutilisables, du local storage et d'une API ont été des éléments clés à la réalisation de ce magnifique projet.
La page d'accueil présente une tendance du moment sous forme de bannière, mettant de l'emphase sur la série en question.
Plus bas, une section tendances affiche 10 des séries les plus populaires du moment. Celles-ci sont automatiquement déterminées par Trakt lors d'une demande à l'API.
Page de détails
La page de détails d'une série permet de voir son affiche, sa bande annonce, son synopsis, les avis, ainsi que toutes les informations au sujet de cette dernière. Le tout, fourni par l'API de Trakt.
Lorsque l'utilisateur est connecté, il a la possibilité d'ajouter la série à sa liste de favoris. Ainsi, en se dirigeant sur la page «Favorites», il peut retrouver tous les titres qu'il aura ajouté.
Authentification
Sur Cineboom, l'autentification est plutôt simple puisqu'elle fonctionne à l'aide du local storage. Grâce au mot de passe «123456», ainsi qu'à un nom d'utilisateur au choix, l'utilisateur peut se connecter afin d'ajouter des titres à ses favoris.
Toutefois, ces favoris sont sauvegardés dans le local storage, et donc, valides jusqu'à ce que l'utilisateur vide les données du site dans son navigateur. Ainsi, les données ne sont pas sauvegardés dans une base de données comme telle.
