Code source du Projet 12 - Développez un tableau de bord d'analytics avec React du parcours Développeur Front-end d'OpenClassrooms.
Un rendu statique de ce code, s'appuyant sur une mocked API (branche mocked-api-version), est accessible via un déploiement Netlify.
Cloner le repo du back-end de SportSee :
git clone https://github.com/logic-fabric/sportsee-api.git
En se plaçant dans ce repo du back-end, installer ses dépendances :
npm install
Lancer le back-end sur le port 3000 (port par défaut) :
npm run start
Cloner le présent repo du front-end de SportSee :
git clone https://github.com/logic-fabric/LoicMangin_12_14072021.git
En se plaçant dans ce repo du front-end, installer ses dépendances :
npm install
Lancer le front-end sur le port 3001 :
npm start
Le front-end est alors consultable à l'URL https://localhost:3001.
- l'API de SportSee ne fournit des données que pour les utilisateurs d'id 12 et 18.
- l'utilisateur 18 a un rendu alternatif du diagramme "Durée moyenne des sessions", plus pertinent que celui de la maquette Figma.
Clone the repository of SportSee back-end:
git clone https://github.com/logic-fabric/sportsee-api.git
Inside this back-end repository, install dependencies:
npm install
Launch back-end on port 3000 (default port):
npm run start
Clone the repository of SportSee front-end:
git clone https://github.com/logic-fabric/LoicMangin_12_14072021.git
Inside this front-end repository, install dependencies:
npm install
Launch front-end on port 3001:
npm start
Front-end is now rendered at URL https://localhost:3001.
- SportSee API only contains data for users with id 12 and 18.
- user 18 has an alternative version of the chart "Sessions average duration", more relevant than the one on the Figma mock-up.