SportSee

icône

Le neuvième projet de la formation OpenClassrooms consistait à développer la page profil utilisateur de la startup fictive SportSee, dédiée au suivi sportif. Cette page permettait aux utilisateurs de visualiser leurs sessions, les calories brûlées et d’autres indicateurs d’activité à travers des graphiques interactifs. Le projet s’est concentré sur l’intégration front-end avec React, en exploitant des données simulées puis en intégrant l’API fournie par le back-end.

SportSee

Objectif

L’objectif principal était de recréer la page profil en utilisant React et en respectant les maquettes Figma et les User Stories. Il s’agissait de rendre les données d’activité facilement compréhensibles via des graphiques et de garantir une expérience utilisateur fluide. Le projet visait également à structurer le code de manière maintenable, avec un service dédié pour les appels API et une standardisation des données récupérées.

ReacticôneRechartsicôneTailwind

Fonctionnalités

icôneIntégration de graphiques dynamiques avec Recharts pour visualiser l’activité
icôneUtilisation d’un service React pour gérer les appels HTTP vers l’API et traitement des données pour standardisation
icôneGestion des mock data avant l’intégration complète de l’API
icôneDocumentation du projet via README et commentaires pour faciliter la maintenance et la collaboration

Défis techniques

icôneStandardiser les données issues de l’API, qui variaient selon les utilisateurs, afin de les rendre exploitables pour les composants React
icôneIntégrer des graphiques interactifs avec Recharts
icôneSéparer la logique métier (appels API, transformation des données) de la logique d’affichage React pour un code clair et réutilisable
Github

Autres projets OpenClassrooms

icône

Plus de projets

icône
Tous les projets