Sportsee is an application for monitoring your physical activity. 12th project of the OpenClassrooms "Web app developer - JavaScript React" course. For this project I'm using React, D3.js and Recharts and is bootstrapped with Create React App.
Useful links:
- Live demo 🌍- Repository 📖
- Documentation 📑
- Figma mock-up 🖼️
Installation
Prerequisites
- NodeJS version 12.18 - Yarn version 1.22.19 or npm version 8.15.0Launching the project
1. Fork the repository
2. Clone it on your computer
2. Install the dependencies with
npm install or yarn install3.1 From home directory, open the terminal and run:
cd front/ then run npm start or yarn start (starts the app), App should start on port 3000 (http://localhost:3000).3.2. for using api data:
- From home directory, open a terminal and run:
cd back- Open the server with
npm run dev or yarn dev, backend should be running on port 3000- Go to "front/pages/Stats.jsx" and verify that "use_mocked_data" variable line 26 is on false (pass it to true if you want to use mocked data)
- From home directory, open a new terminal and run:
cd front/ then run npm start or yarn start (starts the app), App should start on port 3001.Available Scripts
In the project directory, you can also run: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!