https://github.com/micheld-dev/sportsee
Développez un tableau de bord d'analytics avec React - Formation OpenClassrooms projet 12
https://github.com/micheld-dev/sportsee
axios better-docs docker docker-compose joi jsdoc react-router-v6 reactjs recharts styled-components vite
Last synced: 2 months ago
JSON representation
Développez un tableau de bord d'analytics avec React - Formation OpenClassrooms projet 12
- Host: GitHub
- URL: https://github.com/micheld-dev/sportsee
- Owner: MichelD-dev
- Created: 2022-11-25T21:23:16.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-27T15:51:07.000Z (over 3 years ago)
- Last Synced: 2025-12-26T10:56:10.656Z (6 months ago)
- Topics: axios, better-docs, docker, docker-compose, joi, jsdoc, react-router-v6, reactjs, recharts, styled-components, vite
- Language: JavaScript
- Homepage:
- Size: 165 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SportSee
****
#### Services de coaching sportif.
#### Formation OpenClassrooms - Développeur d'applications JavaScript React
#### Projet 12
## Prerequisites
- [NodeJS (**>=version 14**)](https://nodejs.org/en/)
- [Yarn](https://yarnpkg.com/)
## L'architecture du projet :
Ce projet, dit frontend, est connecté à un service API backend que vous devez aussi lancer en local.
Le projet backend se trouve ici: https://github.com/MichelD-dev/P12-NodeJs-backend
## Organiser son espace de travail :
Pour une bonne organisation, vous pouvez créer un dossier SportSee dans lequel vous allez cloner le projet backend et par la suite, le projet frontend:
Créer deux dossiers SportSee-back et SportSee-front
Initialiser chacun:
```
$ git init
```
Copier dans SportSee-back le code Backend :
```
$ git clone https://github.com/MichelD-dev/P12-NodeJs-backend
```
Copier dans SportSee-front le code frontend :
```
$ git clone https://github.com/MichelD-dev/SportSee
```
Ouvrir chaque dossier dans un terminal différent :
- Terminal 1:
```
$ cd SportSee-back
```
```
$ npm i
```
ou
```
$ yarn
```
Pour lancer le back:
```
$ npm run dev
```
ou
```
$ yarn dev
```
- Terminal 2:
```
$ cd SportSee-front
```
```
$ npm i
```
ou
```
$ yarn
```
```
$ npm i -g live-server
```
Pour lancer le front avec les données mockées:
```
$ npm run dev
```
ou
```
$ yarn dev
```
Pour lancer le front avec les données issues de l'API:
```
$ npm run prod
```
ou
```
$ yarn prod
```
Si le site n’est pas lancé automatiquement :
Ouvrir le navigateur à l'adresse: http://localhost:5173/
## Contact:
Michel DELAUNAY - delaunaymichel@hotmail.fr
## Linkedin:
https://www.linkedin.com/in/michel-delaunay/