Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vzamboulingame/openclassrooms-projet-13
Projet n°13 de la formation "Développeur d'application - JavaScript React" d'OpenClassrooms
https://github.com/vzamboulingame/openclassrooms-projet-13
create-react-app css html javascript react react-router redux redux-toolkit responsive sass scss
Last synced: 4 days ago
JSON representation
Projet n°13 de la formation "Développeur d'application - JavaScript React" d'OpenClassrooms
- Host: GitHub
- URL: https://github.com/vzamboulingame/openclassrooms-projet-13
- Owner: vzamboulingame
- License: mit
- Created: 2023-07-20T07:39:33.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-09T12:23:09.000Z (over 1 year ago)
- Last Synced: 2024-12-06T06:11:40.514Z (2 months ago)
- Topics: create-react-app, css, html, javascript, react, react-router, redux, redux-toolkit, responsive, sass, scss
- Language: JavaScript
- Homepage:
- Size: 413 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Argent Bank
![html][html5-badge]
![css][css3-badge]
![javascript][javascript-badge]
![react][react-badge]
![redux-badge]
![sass][sass-badge]
![vscode][vscode-badge]
## Description
Vous venez de commencer à travailler chez Remede Agency, une agence spécialisée dans le développement d'applications web. L'équipe est principalement composée de développeurs back-end et vient de commencer à recruter d'autres spécialistes front-end.
Après quelques jours dans l’entreprise, on vous confie un nouveau projet pour le client Argent Bank, une nouvelle banque qui essaie de percer dans le secteur et qui a besoin d'aide pour mettre en place son application.
Ce projet se décomposera en deux phases :
- 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 - Il s’agirait de spécifier les endpoints d’API nécessaires pour une éventuelle deuxième mission une fois que nous aurons terminé la première.
## Compétences évaluées
- S'authentifier à une API
- Implémenter un gestionnaire d'état dans une application React
- Intéragir avec une API
- Modéliser une API
## Notes d'installation
### Frontend
Cloner le repository via :
```
git clone https://github.com/vzamboulingame/openclassrooms-projet-13.git
```
Lancer le frontend comme suit :
```
cd openclassrooms-projet-13
npm install
npm start
```
Le site sera alors accessible en local via l'URL :
```
http://localhost:3000
```
On pourra ensuite se loguer avec l'un des 2 comptes suivants :
```
Tony Stark
Email: [email protected]
Password: password123
Steve Rogers
Email: [email protected],
Password: password456
```
### Backend
Installer et lancer le backend en suivant les instructions indiquées sur le lien suivant :
```
https://github.com/OpenClassrooms-Student-Center/Project-10-Bank-API
```
L'API du backend sera alors accessible en local via l'URL :
```
http://localhost:3001
```
La liste des endpoints possibles sera accessible via l'URL suivante :
```
http://localhost:3001/api-docs
```
## Contact
Vinodh Zamboulingame
[![linkedin][linkedin-badge]][linkedin-url]
[![github][github-badge]][github-url]
[html5-badge]: https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white
[css3-badge]: https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white
[sass-badge]: https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white
[javascript-badge]: https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black
[react-badge]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[redux-badge]: https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white
[vscode-badge]: https://img.shields.io/badge/Made%20with-VSCode-1f425f.svg?style=for-the-badge&logoColor=white
[linkedin-badge]: https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white
[linkedin-url]: https://www.linkedin.com/in/vzamboulingame
[github-badge]: https://img.shields.io/badge/GitHub-0a0a0a?style=for-the-badge&logo=github&logoColor=white
[github-url]: https://github.com/vzamboulingame