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 openclassrooms react react-router react-toastify reactjs redux redux-thunk redux-toolkit sass school-project vitejs

Last synced: 5 months 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 (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-07T12:51:46.000Z (over 1 year ago)
• Last Synced: 2025-04-07T14:21:40.467Z (about 1 year ago)
• Topics: css3, html5, javascript, openclassrooms, react, react-router, react-toastify, reactjs, redux, redux-thunk, redux-toolkit, sass, school-project, 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: `tony@stark.com`

- Password: `password123`

### Steve Rogers

- First Name: `Steve`,

- Last Name: `Rogers`,

- Email: `steve@rogers.com`,

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