An open API service indexing awesome lists of open source software.

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

Awesome Lists containing this project

README

          

# SportSee
****
#### Services de coaching sportif.

#### Formation OpenClassrooms - Développeur d'applications JavaScript React
#### Projet 12

(back to top)

## Prerequisites

- [NodeJS (**>=version 14**)](https://nodejs.org/en/)
- [Yarn](https://yarnpkg.com/)

(back to top)

## 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

(back to top)

## 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
```

(back to top)

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
```

(back to top)

- 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/

(back to top)

## Contact:
Michel DELAUNAY - delaunaymichel@hotmail.fr

## Linkedin:
https://www.linkedin.com/in/michel-delaunay/

(back to top)