https://github.com/belarif/sport-see
Développez un tableau de bord d'analytics avec React
https://github.com/belarif/sport-see
fetch-api figma mock-data react react-router react-router-dom recharts-js sass
Last synced: 3 months ago
JSON representation
Développez un tableau de bord d'analytics avec React
- Host: GitHub
- URL: https://github.com/belarif/sport-see
- Owner: belarif
- Created: 2023-09-29T14:59:49.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-05-21T16:26:51.000Z (about 2 years ago)
- Last Synced: 2024-05-21T17:43:26.637Z (about 2 years ago)
- Topics: fetch-api, figma, mock-data, react, react-router, react-router-dom, recharts-js, sass
- Language: JavaScript
- Homepage: https://sport-see-fawn.vercel.app
- Size: 311 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Installation du projet
### Copie du projet en local
1. Cliquez sur le bouton "code", puis sur la section HTTPS qui affiche l'url
suivante :
`https://github.com/belarif/sport-see.git`
copiez cette url à utiliser pour installer le projet en local.
2. Ouvrez le terminal de votre IDE. Si vous utilisez le server WampServer64, positionnez vous sur le chemin :
`c:/wamp64/www`
grace à la commande : cd Comme suit:
`cd c:/wamp64/www`
Si vous utilisez un server autre que WampServer64, positionnez vous sur le chemin qui permettra l'exécution du site.
3. Sur le même chemin, tapez la commande suivante pour cloner le projet :
`git clone https://github.com/belarif/sport-see.git`
Après exécution de la commande, le projet sera copié dans le répertoire `www`
### Installation des dépendances
1. backend :
positionnez vous sur le chemin :
`c:/wamp64/www/sport-see/back-end` puis exécutez la commande :
`yarn`
2. frontend :
positionnez vous sur le chemin :
`c:/wamp64/www/sport-see/front-end` puis exécutez la commande :
`yarn`
### Lancement de l'application en local
1. dans le fichier "front-end/src/services/Api.js", remplacez la valeur de la constante `baseUrl`
par : "http://localhost:3001/user/"
1. backend :
`npm start`
1. frontend
`npm start`
### Mock de données :
Rendez-vous au fichier `.env` à la racine du répertoire `front-end` pour choisir mock comme source de données
### Visualisation des données utilisateurs 12 et 18
- utilisateur d'id = 12 :
`http://localhost:3000/Profil/12`
- utilisateur d'id = 18 :
`http://localhost:3000/Profil/18`