Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/code9g/argentbank
Projet 13 de la formation "Développeur d'application Javascript / React" de OpenClassRooms
https://github.com/code9g/argentbank
css3 html5 javascript react react-router react-toastify reactjs redux redux-thunk redux-toolkit sass vitejs
Last synced: 4 days ago
JSON representation
Projet 13 de la formation "Développeur d'application Javascript / React" de OpenClassRooms
- Host: GitHub
- URL: https://github.com/code9g/argentbank
- Owner: code9g
- Created: 2024-08-19T02:33:40.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-09-01T09:58:43.000Z (2 months ago)
- Last Synced: 2024-11-03T03:03:08.866Z (4 days ago)
- Topics: css3, html5, javascript, react, react-router, react-toastify, reactjs, redux, redux-thunk, redux-toolkit, sass, vitejs
- Language: JavaScript
- Homepage: https://code9g.github.io/ArgentBank/
- Size: 2.15 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ArgentBank
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)
![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)
![React-Toastify](https://img.shields.io/badge/React--Toastify-blue?style=for-the-badge)
![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)Projet 13 du parcours "**Développeur d'application - JavaScript React**" chez [OpenClassroom](https://openclassrooms.com/fr/).
## Description
Utilisez une API pour un compte utilisateur bancaire avec React
![Home](./images/home.png)
Vous venez de commencer à travailler chez Remede Agency, une agence spécialisée dans le développement d'applications web.
## Installation
Ce projet a été testé et réalisé avec la version 20.15.1 de Node.js
Note: Il est possible que le back ne fonctionne que sur la version v12 de node, pensez à utiliser nvm.
### Partie Back
```bash
# To back
cd back# Install dependencies
npm install# Start local dev server
npm run dev:server# Populate database with two users
npm run populate-db
```### Partie Front
```bash
# To front
cd front# Install dependencies
npm install# Start local dev
npm run dev
```## Données
Une fois que vous avez lancez le script `populate-db`, vous devriez avoir deux utilisateurs dans votre base de donnée:
### 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`[![Github Pages](https://img.shields.io/badge/github%20pages-121013?style=for-the-badge&logo=github&logoColor=white)](<[http://](https://github.com/code9g/)>)
[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/pierre-andre-henry/)