This project allow a user to connect in his client bank account. An auth system is functionnal and the user can consults his specific's data after had been authenticated.
This project was bootstrapped with Create React App.
In the project directory, you can run:
yarn start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
yarn build
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
Argent Bank uses the following tech stack:
Please make sure you have the right versions and download both packages. You can verify this by using the following commands in your terminal:
# Check Node.js version
node --version
# Check Mongo version
mongo --version
- Fork this repo
- Clone the repo onto your computer
- Open a terminal window in the cloned project
- Run the following commands:
# Install dependencies
npm install
# Start local dev server
npm run dev:server
# Populate database with two users
npm run populate-db
Your server should now be running at http://locahost:3001 and you will now have two users in your MongoDB database!
Once you run the populate-db
script, you should have two users in your database:
- First Name:
Tony
- Last Name:
Stark
- Email:
[email protected]
- Password:
password123
- First Name:
Steve
, - Last Name:
Rogers
, - Email:
[email protected]
, - Password:
password456
To learn more about how the API works, once you have started your local environment, you can visit: http://localhost:3001/api-docs
Static HTML and CSS has been created for most of the site and is located in: /designs
.
For some of the dynamic features, like toggling user editing, there is a mock-up for it in /designs/wireframes/edit-user-name.png
.
And for the API model that you will be proposing for transactitons, the wireframe can be found in /designs/wireframes/transactions.png
.