[OpenClassrooms] - Projet 12

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

As part of the Openclassrooms Front-end developper course, this project introduces to the use of Recharts, a chart library built with React and D3 as well as to the use of state management.

Sportsee : Analytic dashboard

Sportsee is a start-up centered around sports coaching, you can keep up with your health metrics on your dashboard and receive personalized advices from a coach.

Technologies

• JavaScript
• HTML/CSS
• React + React Router

Prerequisites for installation

• Git
• Node v16.13.0

Dependencies

• Prop-types: v15.8.1
• React: v18.0.0 (:warning: WARNING: React v18.0.0 displays incompatibilies with Recharts using npm therefore we recommend using React v17.0.0 for npm or to use yarn instead)
• React-router-dom: v6.3.0
• Recharts: v2.1.9

Installing and lauching

1. Clone the back-end of Sportsee
2. Install the dependencies with yarn install or npm install
3. Launch the back-end with yarn start or npm run start on port 3000
4. Clone the front-end of Sportsee
5. Install the dependencies with yarn install or npm install
6. Launch the front-end with yarn start or npm run start on port 3001