erik-42 / openclassroom-projet_12-sportsee

Développez un tableau de bord d'analytics avec React

Projet OpenClassRoom

SportSee

Table of Contents

1. About The Project
2. Built With
3. Testez le projet
4. License
5. Contact

About The Project

Développez un tableau de bord d'analytics avec React

SportSee, une startup dédiée au coaching sportif.

En pleine croissance, l’entreprise va aujourd’hui lancer une nouvelle version de la page profil de l’utilisateur.

Cette page va notamment permettre à l’utilisateur de suivre le nombre de sessions réalisées ainsi que le nombre de calories brûlées.

Le lien Figma de la maquette.

Le kanban avec les User Stories à intégrer pour ce projet.

Pour ce sprint, il faut que tu intègres les US de la partie TODO (le reste sera au sprint suivant).

L’objectif est de refaire la page profil avec React.

Le projet intègre des graphiques sur l’activité sportive de l’utilisateur. Je t’invite à utiliser soit D3, soit Recharts.

Le projet doit être lisible sur les écrans d’au moins 1024 par 780 pixels.

Pour la gestion des calls en eux-mêmes, je t’invite à utiliser soit Fetch, soit Axios.

Il faudra que tu commences le projet en réalisant un mock des données de l'API.

Attention, en fonction des utilisateurs, le schéma de données est légèrement différent.

penses à standardiser les données venant de l'API

(back to top)

Built with

(back to top)

Installation:

NodeJS
Yarn Npm

Dependencies:

"axios": "^1.7.2",
"prop-types": "^15.8.1",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-router-dom": "^6.24.1",
"recharts": "^2.12.7"

If you are working with several versions of NodeJS, we recommend you install nvm. This tool will allow you to easily manage your NodeJS versions. 2.2 Launching the project

Fork the repository Clone it on your computer.

Backend

yarn command will allow you to install the dependencies.

Frontend

npm command wil allow you to install the depencies.

Testez le projet

Available Scripts

In the project backend directory , you can run:

yarn start

And In the project frontend directory , you can run:

npm run dev

Runs the app in the development mode.
Open http://localhost:5173 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Github: https://erik-42.github.io/openclassroom-projet_12-sportsee/

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

Formation OpenClassRoom Développeur d'application - JavaScript React

(back to top)

Contact

basillecorp.dev

[email protected]

(back to top)