React-GraphQL-Bank 🚀

A fullstack GraphQL banking application built using React, Node & TypeScript.

🔥Any contribution activity including finding/report/fixing issues, and pull requests are Welcome!👋 Now it is fully open source. Check the contribution guide here.

Running

Prerequirement

  • Node.js
  • PostgreSQL 13
    • create database name “apollobank”
  • Git clone

git clone https://github.com/edwardcdev/apollobank.git
cd apollobank

Run backend

cd server
npm install
npm start
  • check ormconfig.json file to check or update database connection info.

Run frontend

cd client
npm install
npm start

Using

  • Register fist. dashboard
  • And then login. dashboard
  • Add account and transaction! Play it! dashboard

Functions

  • Login/register
  • Dashboard
  • Accounts
  • Transactions
  • Credit cards
  • Settings
  • Spending for this month chart
  • Dummy data generator using faker

Tech Stack

Server side

  • Apollo Server
  • bcryptjs
  • cors
  • Express
  • GraphQL
  • faker
  • jsonwebtoken
  • TypeGraphQL
  • TypeORM
  • TypeScript
  • PostgreSQL

Client side

  • Apollo React Hooks
  • FontAwesome Icons
  • Material UI
  • Recharts
  • Formik
  • Yup

Todo

  • Don’t allow the user to destroy an account if they are in debt or their account balance > 0
  • When deleting and destroying an account, alert the user with another dialog to check if they would like to proceed with this action.
  • Update the chart on the dashboard to show spending such that the y axis is the users account balance.
  • Sort transactions by date & sort chart data by date.
  • Fetch exchange rates from an API.

GitHub

View Github