SportSee

SPORTSEE : Develop an analytics dashboard with React

P12 - OpenClassrooms

This page allows the user to track the number of sessions completed as well as the number of calories burned.

Goals:

• feching data from API
• Creation and display charts
• Logical separation of code into reusable components

Maquette

Kanban

1. Technologies

• React v17.0.2
• react-router-dom v5.3.0
• axios v0.22.0
• recharts v2.1.4
• prop-types v15.7.2
• Styled-Components v5.3.1
• Recommended IDE : Visual Studio code

2. Prerequisites

• Git to clone repositories
• Node.js to run yarn commands
• Yarn to run application

3. Install and run application

Install and launch back-end

• Clone backend repository : https://github.com/MelanieSarrouy/P9-front-end-dashboard
• cd P9-front-end-dashboard
• yarn to install dependencies
• yarn dev to launch back-end (port 3000)

Install and launch front-end

• Clone repository : https://github.com/MelanieSarrouy/MelanieSarrouy_P12_23092021
• MelanieSarrouy_P12_23092021
• yarn to install dependencies
• yarn start to launch application (port 3001 if backend is running)