quentin-stievenard / sportsee

SportSee - Project 12 of OC Front-end Developer Path - July 2021

SportSee - Juillet 2021

Code source du Projet 12 - Développez un tableau de bord d'analytics avec React du parcours Développeur Front-end d'OpenClassrooms.

Page de démonstration

Un rendu statique de ce code, s'appuyant sur une mocked API (branche mocked-api-version), est accessible via un déploiement Netlify.

Installation (english below)

Prérequis

• NodeJS (version 12.18)
• npm

Installation et lancement du back-end

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

Installation et lancement du front-end

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 http://localhost:3001.

N.B. :

• 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.

Installation (english version)

Prerequisites

• NodeJS (version 12.18)
• npm

Installing and launching back-end

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

Installing and launching front-end

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 http://localhost:3001.

N.B.:

• 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.