Création d’une interface de suivi sportif en React avec authentification, routing, appels API centralisés et visualisation de données via graphiques interactifs.
Cliquez pour agrandir — défilement horizontal pour explorer
Contexte OpenClassrooms:
En tant que développeur front-end chez SportSee, j’ai été chargé de développer une nouvelle version des pages de profil utilisateur d’une application de coaching sportif. L’objectif était de permettre aux utilisateurs de consulter leurs statistiques personnelles, comme le nombre de sessions réalisées ou les calories brûlées, à travers une interface moderne et centrée sur la data visualisation.
Le projet nécessitait de construire une interface React complète en s’appuyant sur des maquettes Figma et un backend Node.js déjà disponible. Il fallait gérer plusieurs enjeux en parallèle : la navigation entre pages, l’authentification, la récupération des données utilisateur, leur normalisation avant affichage, ainsi que l’intégration de graphiques lisibles et performants. Une contrainte importante consistait aussi à isoler les appels HTTP en dehors des composants pour conserver une architecture propre.
J’ai développé les pages profil en React en structurant l’application autour d’une logique claire et maintenable.
J’ai notamment :
L’application permet de visualiser clairement les principales métriques sportives des utilisateurs à travers une interface moderne, structurée et orientée composants. Ce projet m’a permis de consolider mes compétences en React, en architecture front-end, en gestion d’état global et en consommation d’API dans un contexte proche d’une application produit réelle.
