/p9_SportDashboard

Development of a user profile page in React using Figma mock-ups and a NodeJS backend. Visualisation of data and user's sport activity with graphics.

Primary LanguageJavaScript

Project 9 - Installation Steps and Project Requisites SportSee Dashboard

This repo contains all the source code to run the frontend of the sports analytics dashboard SportSee and to make API calls to its backend.

1. General Information

To start this project, you will need a NodeJS backend to access data that is necessary to visualise the user's sports acitivity in the form of charts.

The backend is provided in this repo. It will allow you to make your HTTP calls and recover sample data. Everything is described there; installation steps, available scripts as well as the HTTP calls that are set up.

1. Prerequisites

If you are working with several versions of NodeJS, it is recommended to install nvm. This tool will allow you to easily manage your NodeJS versions.

2. Launching the Project

  • Fork the repository
  • Clone it on your computer.
  • The npm install command will allow you to install the dependencies.

3. Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!