Use an API for a bank user account with React

Project description

This project is part of OpenClassrooms "Développeur d'application - JavaScript React" training.

Main missions of the project:

• Create a completd responsive React project from the HTML and CSS provided
• Use of Redux to manage global state
• Use of Argent Bank API available here to have access to user account.

🛠 Tech Stack

Badges

Run Locally

1. Prerequisite

• NodeJS (version 12)
• Yarn
• MongoDB Community Server

It is highly recommended to use nvm in order to switch easily NodeJS version. Indeed, this project uses Vite and Vite requires Node.js version 14.18+, 16+.

2. Installation / quick start

First of all, clone this repo on your computer

git clone https://github.com/EPourmo/use-an-api-for-a-bank-user-account-with-react.git

2.1 Back end

Go to the back end folder

cd backend

Install all dependencies

npm install

or

 yarn install

Then run the script and start local dev server

npm run dev:server

or

 yarn run dev:server

Populate database with two users

 npm run populate-db

or

 yarn run populate-db

The data is accessible at http://localhost:3001/ and you will now have two users in your MongoDB database.

To access to the full API documentation go to this repo.

2.1 Front End

After running the back end, go to the front end folder

cd frontend

Install all dependencies

npm install

or

 yarn install

Then run the script

npm run dev

or

 yarn run dev

The front end data will be accessible at the localhost logged on your terminal.

Features

• Backend API
• Axios
• Redux Toolkit