Use an API for a bank user account with React

Prerequisites for install

• You need Git to clone the repository
• You need Node (v16.10.0) to run the npm commands
• You need MongoDB Community Server for the database

Dependencies

• React: v17.0.2
• React-router-dom: v5.3.0
  $ npm install react-router-dom
• Prop-types: v15.8.1
  $ npm i prop-types
• Axios: v0.26.0
  $ npm install axios
• @redux.js/toolkit: v1.7.2 $ npm install @reduxjs/toolkit
• react-redux: v7.2.5
  $ npm install react-redux
• redux-devtools-extension: v2.13.9
  $ npm install --save redux-devtools-extension
• swagger-ui-react: v3.52.3
  $ npm i --save swagger-ui-react
• Recommended text editor: Visual Studio Code

Installing and launching Back-End

ArgentBank Back-End Repository

1. Clone the repository of ArgentBank back-end:
   git clone https://github.com/MiguelParedesJulien/P13-Backend.git

2. Inside this back-end repository, install dependencies:
   npm install

3. Start local dev server:
   npm run dev:server

4. Populate database with two users:
   npm run populate-db

5. Your server should now be running at http://locahost:3001 and you will now have two users in your MongoDB database!

Installing and launching Front-End

1. Clone the repository of ArgentBank front-end:
   git clone https://github.com/MiguelParedesJulien/MiguelParedesJulien_13_17022022.git

2. Open the folder: argentbank

3. Inside this front-end repository, install dependencies:
   npm install

4. Launch front-end on port 3000:
   npm start

5. Front-end is now rendered at URL http://localhost:3000.

Author

• Miguel Paredes Julien