Giter Club home page Giter Club logo

banking_react_node_mongodb_app's Introduction

react-bank

Banking app built in React and Redux.

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

Login: [email protected]
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

banking_react_node_mongodb_app's People

Contributors

garshom avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.