csimon-web / argent-bank

Argent Bank: login/logout react project

Argent Bank: login/logout react project

About The Project

This project was realized during my training as a javascript/react developer for a fictitious company wanting to create a bank application.

This web application had to respect a given mock up.

It had to be developed with React and Redux, and use the data about the bank user from an API.

Built With

• HTML, CSS, Javascript
• React
• Git
• VS Code

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

• Git
• Npm
• Node
• Mongodb

Installation

1. Open a terminal and launch Mongodb

2. Clone the repo of the back end project

git clone https://github.com/csimon-web/argent-bank-backend.git

3. Go to this back end project directory

cd argent-bank-backend

4. Install the dependencies of this project

npm install

5. Launch this back end project

npm run dev:server

6. At first use, populate the database with 2 users

npm run populate-db

7. Open a new terminal

8. Clone this repo

git clone https://github.com/csimon-web/argent-bank.git

9. Go to this project directory

cd argent-bank

10. Install the dependencies of this project

npm install

11. Launch this project

npm run start

12. Open http://localhost:3000 to view the project in your browser.

Usage

This project enables you to log in / log out to a securised interface. You can log in as "Tony Stark" or as "Steve Rogers". These 2 users are registered in the Mongodb database. If you want to log in as "Tony Stark", please type in these credentials: email: "[e-mail]" / password: "password123". If you want to log in as "Steve Rogers", please type in these credentials: email: "[e-mail]" / password: "password456". You'll be able then to access the private user's profile.

Contact

Christophe Simon: personnal website

Project Link: https://github.com/csimon-web/argent-bank

Acknowledgements

• This readme version is a customized version of this github repository by NicolasBrondin