https://github.com/micheld-dev/argentbank-front
Utilisez une API pour un compte utilisateur bancaire avec React - Formation OpenClassrooms projet 13
https://github.com/micheld-dev/argentbank-front
eslint husky jsdoc lint-staged react-final-form react-router reactjs redux-persist redux-toolkit redux-toolkit-query swagger typescript vite zod
Last synced: 4 months ago
JSON representation
Utilisez une API pour un compte utilisateur bancaire avec React - Formation OpenClassrooms projet 13
- Host: GitHub
- URL: https://github.com/micheld-dev/argentbank-front
- Owner: MichelD-dev
- Created: 2023-01-18T16:19:55.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-08T08:59:42.000Z (over 2 years ago)
- Last Synced: 2025-01-18T02:41:37.212Z (5 months ago)
- Topics: eslint, husky, jsdoc, lint-staged, react-final-form, react-router, reactjs, redux-persist, redux-toolkit, redux-toolkit-query, swagger, typescript, vite, zod
- Language: TypeScript
- Homepage:
- Size: 188 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Argent Bank
---
#### API et authentification pour une application de compte bancaire.
#### Formation OpenClassrooms - Développeur d'applications JavaScript React
#### Projet 13
## Pré-requis
Argent Bank utilise le stack technique suivant:
- 
- 
Assurez vous que vous disposez bien de l'ensemble des packages, ainsi que de
leur version. Vous pouvez vérifier celle-ci en entrant les commandes suivantes
dans votre terminal:
```bash
# Vérifiez la version de Node.js
node --version
# Vérifiez la version de Mongo
mongo --version
```
## Dépendances
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
## 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/ArgentBank-back
## Organiser son espace de travail :
Pour une bonne organisation, vous pouvez créer un dossier ArgentBank dans lequel
vous allez cloner le projet backend et par la suite, le projet frontend:
Dans le dossier ArgentBank, créer deux dossiers ArgentBank-back et
ArgentBank-front:\*\*\*\*
Initialiser chacun:
```bash
$ git init
```
Copier dans ArgentBank-back le code Backend :
```bash
$ git clone ttps://github.com/MichelD-dev/ArgentBank-back
```
Copier dans ArgentBank-front le code frontend :
```bash
$ git clone https://github.com/MichelD-dev/ArgentBank-Front
```
Ouvrir chaque dossier dans un terminal différent :
- Terminal 1:
```bash
$ cd ArgentBank-back
```
```bash
$ npm i
```
ou
```bash
$ yarn
```
Pour lancer le back:
```bash
$ npm run dev:server
```
ou
```bash
$ yarn dev:server
```
- Terminal 2:
```bash
$ cd ArgentBank-front
```
```bash
$ npm i
```
ou
```bash
$ yarn
```
Pour lancer le front:
```bash
$ npm run dev
```
ou
```bash
$ yarn dev
```
Si le site n’est pas lancé automatiquement : Ouvrir le navigateur à l'adresse:
http://localhost:5173/
Vous disposez pour vous connecter des profils des deux utilisateurs suivants:
### Tony Stark
- First Name: `Tony`
- Last Name: `Stark`
- Email: `[email protected]`
- Password: `password123`
### Steve Rogers
- First Name: `Steve`,
- Last Name: `Rogers`,
- Email: `[email protected]`,
- Password: `password456`
Vous pouvez générer de la documentation au format JsDoc avec la commande
suivante
```bash
npm run doc
```
ou
```bash
yarn doc
```
Pour la consulter, allez dans le répertoire `/docs`, puis ouvrez `index.html`
avec live-server.
---
## Contact:
Michel DELAUNAY - [email protected]
## Linkedin:
https://www.linkedin.com/in/michel-delaunay/