SportSee - front-end web development using Recharts

SportSee is an application dedicated to sports. It allows users to view in real time the number of sessions performed, the number of calories burned and many other information to monitor sports performance.

Skills

• initializing a web application with ReactJS
• creating components with React
• developing routes for a web application with React Router
• using Recharts to display the data
• API call

Prerequisites

• NodeJS

View in production (build)

• login with user id : 12 or 18

Local installation

• git clone https://github.com/OTH21DEV/OxanaTheis_12_20062022.git
• npm install

Launch locally

• npm start
• open http://localhost:3000 to view it in the browser

API installation (back-end)

• git clone https://github.com/OpenClassrooms-Student-Center/P9-front-end-dashboard.git
• read the documentation on readme to launch API with Docker or NPM

Config React App

• indicate the user's id in the form (actually available 12 | 18)
• to use mocked data, add in url "?mocked=true" (ex: http://localhost:3002/user/12?mocked=true )

Technologies:

• HTML
• CSS (Styled Components)
• Javascript
• React
• Recharts

Tools:

• Visual Studio Code
• Git
• ESLint
• Prettier