Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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/)