• Argent Bank - Frontend
  • Table of contents
  • Overview
    • Usefull links
    • Current state
  • Prerequisites
  • Stack
    • Primary stack
    • Code quality
  • Local setup
    • Frontend
      • Available scripts
    • Backend
  • License

For this project, we have to build a banking application called "Argent Bank". The goal is to use an API to create a frontend application with React and Redux.

• Live demo
• Backend repository

This project is currently in phase 1 of 2. This means that the following features are available:

• User in database can login and persist his session with a JWT token
• Unauthenticated user can register
• User can logout
• User can see and edit his profile

For the phase 2, we have to deal with the "transactions" feature. Please refer to the Swagger documentation for a proposition of API endpoints to implement.

• Node.js (v18.16.0)

If you are using a node version manager like FNM or NVM, you can run fnm use or nvm use to automatically switch to the right node version.

Please refer to the package.json file for more informations about the dependencies with their version.

For this project, we use PNPM as package manager but you can also use NPM or Yarn instead.

1. Follow the backend installation instructions

2. Clone the repository

   git clone https://github.com/alexperronnet/openclassrooms-13-argent-bank

3. Navigate to the project directory

   cd openclassrooms-13-argent-bank

4. Install the dependencies

   pnpm install

5. Start the development server

    pnpm run dev

6. Open your browser and navigate to http://localhost:5173/

To get more informations about the backend installation, please refer to the backend repository.

If you are a Mac user, you may need to following this issue to install the backend.

If everything is working, the backend should be available at http://localhost:3001/ and the Swagger documentation at http://localhost:3001/api-docs/.

This is an OpenClassrooms project. The code is freely reusable, but assets are not because they are not mine. If you are also a student of OpenClassrooms, you can use my work as inspiration but I strongly recommend to not copy/paste any part of it.