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

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)