mimi1706/argentbank

[OpenClassrooms] Projet 13 - Utiliser une API pour un compte utilisateur bancaire avec React

[OpenClassrooms] - Projet 13

Utiliser une API pour un compte utilisateur bancaire avec React

As part of the Openclassrooms Front-end developper course, this project introduces to the usage of Mongodb, a database program; it focuses on how to access a database and modify its content with the use of redux and CRUD methods (in this case, the name of the user can be changed in the profile page and will be updated in the database).

The reading, using and writing of a swagger for documentation purpose was also part of the course.

Argent Bank

Argent Bank is a newly-established bank that requires a responsive website for their clients.

Technologies

• JavaScript
• HTML/CSS
• Mongodb
• React + React Router
• Redux + React-Redux

Prerequisites for installation

• Git
• Node v16.13.0
• MongoDB Community Server v5.0.7

Dependencies

• React: v18.1.0
• React-router-dom: v6.3.0
• Redux: v4.2.0
• React-redux: v8.0.1

Installing and lauching

1. Clone the back-end of Argent Bank
2. Install the dependencies with yarn install or npm install
3. Launch the back-end with yarn start or npm run start on port 3001
4. Clone the front-end of Argent Bank
5. Install the dependencies with yarn install or npm install
6. Launch the front-end with yarn start or npm run start on port 3000