https://github.com/audmes/oc_p13_argentbank
Une application bancaire utilisant React et Redux.
https://github.com/audmes/oc_p13_argentbank
javascript js openclassrooms react reactjs redux
Last synced: 3 months ago
JSON representation
Une application bancaire utilisant React et Redux.
- Host: GitHub
- URL: https://github.com/audmes/oc_p13_argentbank
- Owner: Audmes
- Created: 2024-07-30T15:28:23.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-16T15:11:25.000Z (almost 2 years ago)
- Last Synced: 2024-09-17T18:29:37.918Z (almost 2 years ago)
- Topics: javascript, js, openclassrooms, react, reactjs, redux
- Language: HTML
- Homepage: https://audmes.github.io/OC_P13_ArgentBank
- Size: 5.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ArgentBank
## Utilisez une API pour un compte utilisateur bancaire avec React
------------
[](https://github.com/Audmes)
[](https://reactjs.org/)
### Description du projet
Ce projet consiste à développer une application bancaire full-stack en utilisant React et Redux pour créer une expérience utilisateur dynamique et réactive.
### Cahiers des charges
- Phase 1 : Authentification des utilisateurs
- Création d'une application web permettant aux clients de se connecter et de gérer leurs comptes et leur profil.
- Phase 2 : Transactions
- Spécifier les endpoints d’API nécessaires pour une éventuelle deuxième mission.
#### Spécifications techniques
- Créer l’application web responsive avec React.
- Utiliser Redux pour gérer le state de l'application, notamment l’application doit avoir :
- Un store pour gérer les données
- Des actions pour l’envoi des informations
- Des reducers pour gérer les changements d'état de l'application
### Compétences acquises
- S'authentifier à une API
- Implémenter un gestionnaire d'état dans une application React
- Intéragir avec une API
- Modéliser une API
### Informations complémentaires
- Soutenance validé le : 16/09/2024
#### Livrable
##### Points forts :
- Le powerpoint est très bien réalisé
- Le projet est 100% fonctionnel
- Bonne compréhension de redux
Remarques : Bonne présentation, le powerpoint utilisé était clair et détaillé. Excellent projet.
### Liens
- Swagger Editor : https://editor.swagger.io/
### Installation :
#### Prérequis :
- [Git](https://git-scm.com)
- [Node](https://nodejs.org/en/) pour les commandes npm ou [Yarn](https://yarnpkg.com/) pour les commandes yarn
- Cloner le repository: `git clone https://github.com/Audmes/OC_P13_ArgentBank.git`
##### Installation et lancement du back-main :
1. Aller dans le dossier "Back-end"
2. Installer toutes les dépendances pour le back-end (voir le [README](https://github.com/Audmes/OC_P13_ArgentBank/blob/master/Back-main/README.md)).
3. Lancer le back-end sur le port 3001 (port par défaut) :
- `npm run dev:server` ou `yarn run dev:server`
##### Installation et lancement du front-main :
1. Aller dans le dossier "Front-end"
2. Installer toutes les dépendances pour le front-end (voir le [README](https://github.com/Audmes/OC_P13_ArgentBank/blob/master/Front-main/README.md)).
3. Lancer le front-end sur le port 3000 (port par défaut) :
- `npm start` ou `yarn start`
Le front-end sera lancé à l'URL:
`http://localhost:3000/OC_P13_ArgentBank`.
##### Utilisateurs :
###### Tony Stark
- First Name: `Tony`
- Last Name: `Stark`
- Email: `tony@stark.com`
- Password: `password123`
###### Steve Rogers
- First Name: `Steve`,
- Last Name: `Rogers`,
- Email: `steve@rogers.com`,
- Password: `password456`
### Développé avec :
- [Visual Studio Code](https://code.visualstudio.com/) - Éditeur de texte
- [Sass](https://sass-lang.com/) - Préprocesseur CSS
- [React 18](https://fr.reactjs.org/) - Bibliothèque JavaScript libre développée par Facebook
- [Create React App](https://create-react-app.dev/) - Boîte à outils créée par Facebook, qui est la référence pour initier un projet React
- [React Router V6](https://reactrouter.com/) - Bibliothèque de routage pour React
- [Prop-types](https://www.npmjs.com/package/prop-types) - Un package utilisé pour documenter les types de propriétés prévus transmises aux composants React
- [Redux](https://redux.js.org/) - Bibliothèque JS de gestion d'état pour applications web
- [JSDoc](https://jsdoc.app/) - Générateur de documentation pour JavaScript
- [GitHub](https://github.com/) - Outil de gestion de versions
### Author:
**Audrey Mesnage**: [GitHub](https://github.com/Audmes/) - [Portfolio](https://amsprods.com)