Hello! Moi c'est Maïly,

CineTech

React.js - Fetch API

⚠️ Projet en développement : l’interface et les visuels sont susceptibles d’évoluer d’ici la version finale.

Dans le cadre d’un projet personnel, j’ai repris un projet issu de ma formation; Cinetech, une application web permettant de créer une bibliothèque personnalisée de films et séries, en s’appuyant sur l’API publique The Movie Database (TMDB).

L’objectif : récupérer, structurer et afficher dynamiquement des données issues d’une API, tout en offrant une expérience utilisateur fluide avec des fonctionnalités telles que la recherche en temps réel, la gestion des favoris, les commentaires et une interface responsive en React.

#Préparation & Conception

Avant de commencer le développement, une première phase à été consacrée à la réflexion autour du besoin et de l’architecture de l’application :

• Création d'un Trello pour mon organisation personnelle
• Création de maquettes et wireframes (sur Figma)

Compétences acquises : gestion de projet, maquettage UI/UX.

#Développement technique

Le développement s’est articulé autour de plusieurs modules :

• Récupération et affichage dynamique des films et séries via l’API TMDB
• Pages de détails avec suggestions, fiches complètes et commentaires
• Ajout de favoris et gestion via le localStorage
• Barre de recherche avec autocomplétion en JavaScript asynchrone

L'application a été développée intégralement avec le framework React.js totalement responsive grâce à Bootstrap, et avec Fetch API pour manipuler les données reçues via l'API TMDb. L’ensemble du code a été versionné sur GitHub.

Stack Tech : React.js, JavaScript, Fetch API, LocalStorage, Github, Bootstrap, HTML & CSS

Compétences acquises : Manipulation du DOM, calls API asynchrones, gestion de données en local, conception responsive, versionnage.