Skip to content
Banking app built in React
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 58771cb Nov 15, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
api Conditionally set Mongo to debug mode Nov 14, 2019
web Remove modal (wasn't used anyway) Nov 15, 2019
.gitignore Web: use new Create React App Nov 14, 2019
.prettierrc Prettier: set target line width to 100 + reformat all files Apr 25, 2018
README.md Update README Nov 15, 2019
screenshot.png Update screenshot May 15, 2018

README.md

react-bank

Banking app built in React and Redux.

Demo user (automatically created when you start the app):

Login: email@example.com
Password: admin123

What's inside?

  • Login/register
  • Accounts
  • Transactions + new transaction
  • Credit/debit cards + change PIN/limits
  • Internal messages
  • User profile incl. data change
  • Help form
  • Income change chart
  • Currency stats
  • Form validation, async routing
  • Dummy data generator

react-bank screenshot

Some details

Inspired by Daily UI 30 PSD files.
Moved to HTML5/CSS3 using Avocode (link to HTML/CSS repo).

Technologies:

WEB:

  • React
  • Redux
  • React Router
  • Webpack
  • Sass
  • Bootstrap 4
  • JWT tokens
  • recharts
  • react-dates

API:

  • Node, Express
  • JWT tokens
  • Database: MongoDB, Mongoose
  • Fixer.io for currency rates

How to use it?

  1. Install Node.js and MongoDB (MongoDB Compass may be useful as well, to work on the database)
  2. Create database called react-bank-api or use any other name, but then update it in the api/.env config file
  3. Install all dependencies both in web and api folder by typing npm install inside each of them
  4. Run API: type npm run start-dev in api folder
  5. Run web: type npm start in web folder

To create an optimized build, run npm run build in web folder

You can’t perform that action at this time.