Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/anoerak/anoerak_p13_07102022

Utilisez une API pour un compte utilisateur bancaire avec React
https://github.com/anoerak/anoerak_p13_07102022

Last synced: 12 days ago
JSON representation

Utilisez une API pour un compte utilisateur bancaire avec React

Awesome Lists containing this project

README

        

# ArgentBank

![forthebadge](https://forthebadge.com/images/badges/60-percent-of-the-time-works-every-time.svg)
![forthebadge](https://forthebadge.com/images/badges/built-with-grammas-recipe.svg)
![forthebadge](https://forthebadge.com/images/badges/uses-css.svg)

![GitHub repo size](https://img.shields.io/github/repo-size/Anoerak/Proust_Sebastien_P13_07102022?style=plastic)
![GitHub language count](https://img.shields.io/github/languages/count/Anoerak/Proust_Sebastien_P13_07102022?style=plastic)
![GitHub top language](https://img.shields.io/github/languages/top/Anoerak/Proust_Sebastien_P13_07102022?style=plastic)
![GitHub last commit](https://img.shields.io/github/last-commit/Anoerak/Proust_Sebastien_P13_07102022?color=red&style=plastic)

## ArgentWhat?

ArgentBank is a new bank which offers a very neat online experience with always your best interest as main goal.

## Technologies

![JavaScri@pt](https://img.shields.io/badge/JavaScript-latest-F0DB4E?style=flat-square&logo=appveyor)
![HTML](https://img.shields.io/badge/HTML-5-E54C22?style=flat-square&logo=appveyor)
![CSS](https://img.shields.io/badge/CSS-3-264CE4?style=flat-square&logo=appveyor)
![React](https://img.shields.io/badge/reactjs-18.2.0-blue?style=flat-square&logo=appveyor)
![Redux](https://img.shields.io/badge/reduxjs-toolkit-%23764abc)
![Nodejs](https://img.shields.io/badge/nodejs-18.8.0-green?style=flat-square&logo=appveyor)

## Start with the project

- Clone the repo using this link:

```
https://github.com/Anoerak/Anoerak-Proust_Sebastien_P13_07102022.git
```

### Backend

In the backend directory:

#### 1. Packages installation

- Install all dependencies with the command:

```
# with npm
npm install
#with yarn
yarn
```

#### 2. Run the backend server

- Use the following command to:

```
# with npm
npm run dev:server
#with yarn
yarn dev:server
```

- Will launch nodemom dependency (the server will relaunch automatically when you make changes).

- Will launch the backend server on [http://localhost:8080](http://localhost:8080).

### Frontend

In the frontend directory:

#### 1. Packages installation

- Install all dependencies with the command:

```
# with npm
npm install
#with yarn
yarn
```

#### 2. Run the application

- Use the following command to:

```
# with npm
npm start
#with yarn
yarn start
```

- Runs the app in the development mode.
- Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

- The page will reload when you make changes.
- You may also see any lint errors in the console.

### Dependencies

![JsDoc](https://img.shields.io/badge/jsdoc-3.6.11-006FBB?style=flat-square&logo=appveyor)
![React-Dom](https://img.shields.io/badge/reactdom-18.2.0-blue?style=flat-square&logo=appveyor)
![React-Router](https://img.shields.io/badge/reactrouter-6.4.0-blue?style=flat-square&logo=appveyor)
![Reduxjs/Toolkit](https://img.shields.io/badge/reduxjs-toolkit-%23764abc)
![Jest-Dom](https://img.shields.io/badge/jestdom-5.16.5-yellow?style=flat-square&logo=appveyor)
![HookForm](https://img.shields.io/badge/hookform%2Fresolver-2.9.8-%23EB598F?style=flat-square&logo=appveyor)
![axios](https://img.shields.io/badge/axios-1.1.2-%235A29E4?style=flat-square&logo=appveyor)
![yup](https://img.shields.io/badge/yup-0.32.11-%233078C6?style=flat-square&logo=appveyor)

### Contribute to the project

BankArgent is an OpenClassroom Project available through the 'Web Application Developper JS/React' program.

### Authors

[Ben Hong](https://github.com/bencodezen).

[HayVThom](https://github.com/HayVThom).

[Sébastien Proust](https://github.com/Anoerak).

### Licensing

Not defined yet

#### Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

![forthebadge](https://forthebadge.com/images/badges/powered-by-electricity.svg)
![forthebadge](https://forthebadge.com/images/badges/built-by-codebabes.svg)