jean-baradat/oc-p13-argentbank-05-2024

Welcome aboard, captain

This project is the 13th in the course OpenClassrooms "Utilisez une API pour un compte utilisateur bancaire avec React" course. It introduces students to React JS with Redux Toolkit and in this project Redux Toolkit Query.

This project was developed with:

• Vite
• React 18
• Axios
• Node.js
• Prettier
• ESlint
• React Icons
• Redux Toolkit
• Redux Toolkit Query
• SASS

If you need more information about the project, please go to package.json

Start

Download the project by saving it in a directory on your computer:

git clone https://github.com/Jean-Baradat/oc-p13-argentbank-05-2024

You'll also need another project for the server and an API for mongoDB: The local server is available here: Project-10-Bank-API

Follow the steps indicated in the project and once installed, you'll need to configure a MongoDB API and inisyalize it in server\database\connection.js in the Project-10-Bank-API project.

Once the back has been launched correctly, you can modify the VITE_API_URL for use on this project in .env.development.

Launch locally

Let's start by installing the dependencies:

npm i

and launch Vite:

npm run dev

If you need more commands, please go to package.json

Build

Build the application:

npm run build

Then to see this version:

npm run preview

You can also make: (To see the result on another machine in your network.)

npm run preview:network

Environment variables

This project used the environment variables in:

• .env.development

Use the example .env.example to create your:

• .env.production

Configuration

Below you will find the configuration for all the development tools used for this project. Do not modify if you don't know how.

ESlint

• .eslintrc.json

Prettier

• .prettierrc.json

Js config

• jsconfig.json

Tailwind

• tailwind.config.js

Tailwind

• vite.config.js

Workspace Settings

A .vscode file contains configurations for VScode for this project.

Jean 👋