SportSee - Front End

ReactJS 18

About

This project is the front of the SportSee application. It is an application that integrates graphics on the user's sports activity.

Project launched with the Create React App.

Features

• Application with 2 public pages : USER and HOME
• Data manipulation with an API Mock
• Data manipulation with a Rest API

Prerequisites

To work properly check your environment

• NodeJS (version 18 or higher)
• npm (version 9.5.1 or higher)

link to download the Rest Api

https://github.com/OpenClassrooms-Student-Center/P9-front-end-dashboard

Installation

Once the repository is cloned and in the project folder, do not forget to install the dependencies

cd Analytics-Sport-React

npm install

Launch

Dévlopment

This project starts in development mode and will automatically use the mock with the command :

npm  start

Manual switch development API

1/. Go to the root of the project in the file package.json/"scripts" and change :

 "start": "cross-env REACT_APP_NODE_ENV = dev-mod react-scripts start"

to

 "start": "cross-env REACT_APP_NODE_ENV = prod-mod react-scripts start"

2/.Check that the baseUrl of the api is the same as in the file of the front in root of the project .env and change if necessary

REACT_APP_API_URL =

3/.Restart in development mode

npm start

Production

To build and generate the html, css and js files, you have the command (the generation will be done in the build folder)

npm run build