mathurinchung / sportsee

[ SportSee ] Develop a dashboard for analytics with React

[ Sportsee ] Develop a dashboard for analytics with React

SportSee is an analytics dashboard application developed with React. The goal of the project is to create a user profile page for the sports coaching startup, SportSee. This page will allow the user to track the number of sessions completed as well as the number of calories burned.

Features

The analytics dashboard will allow the user to view the following information:

• Number of sessions completed
• Number of calories burned
• Average session duration
• Progress of sessions over the past 7 days

Prerequisites

Before getting started, make sure you have Node.js and Yarn installed on your machine.

• NodeJS (version 18.14)
• Yarn

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.

Technologies Used

The frontend uses the following technologies:

• React
• React Router
• Axios
• Recharts
• Sass

The backend uses the following technologies:

• Node
• Express

Installation

Clone the repository using the --recurse--submodules option to include the backend submodule:

• git clone --recurse-submodules git://github.com/mathurinchung/sportsee.git
• cd sportsee

Note: Follow the specific installation instructions in the README.md files for the backend and frontend directories.

Addition Information

The backend uses PORT 3000 by default and the frontend uses PORT 4200 by default.