GitHub React GitHub GitHub GitHub GitHub GitHub

SportSee : The physical activity tracking app

🏃 The SportSee app measures your performance and fitness indicators. You can easily track your physical activity 🏃

Mockup of the project

1. Documentation

The documentation can be viewed by following the link below : documentation

2. Author

Thomas Semeria

3. Languages

  • JS
  • JSX
  • SCSS

4. Project

This project is the 12th project for the React front-end developer formation of OpenClassRooms. We have to build an App who show on a dashboard differents informations of the user on some charts. For this project i use:

4.1 Prerequisites

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.

4.2 Launching the project

  • First Fork the Back-end datas and follow the instructions to install it. When it's done write npm start on the terminal. Magic 🌟 happens and the API is hosted on http://localhost:3000
  • Then fork this repository
  • Clone it on your computer.
  • Open the terminal and write cd sportsee
  • Then write on the terminal npm install to install all the dependencies
  • You can now do an npm start and the App is now hosted on http://localhost:3001

You can choose the user 12 or the user 18 to see differents datas

5. Endpoints

5.1 Used endpoints

To retrieve user information, the project uses the endpoints below:

  • http://localhost:3000/user/${userId} - retrieves information from a user. This first endpoint includes the user id, user information (first name, last name and age), the current day's score (todayScore) and key data (calorie, macronutrient, etc.).
  • http://localhost:3000/user/${userId}/activity - retrieves a user's activity day by day with kilograms and calories.
  • http://localhost:3000/user/${userId}/average-sessions - retrieves the average sessions of a user per day. The week starts on Monday.
  • http://localhost:3000/user/${userId}/performance - retrieves a user's performance (energy, endurance, etc.).

5.2 Examples of queries

  • http://localhost:3000/user/12/performance - Retrieves the performance of the user with id 12
  • http://localhost:3000/user/18 - Retrieves user 18's main information.