https://github.com/oaarnikoivu/apollobank

A fullstack GraphQL banking application using React, Node & TypeScript.
https://github.com/oaarnikoivu/apollobank

apollo graphql nodejs postgresql reactjs typescript

Last synced: over 1 year ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/oaarnikoivu/apollobank
• Owner: oaarnikoivu
• Created: 2020-02-24T09:44:21.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-02-11T17:51:14.000Z (over 3 years ago)
• Last Synced: 2023-03-05T14:13:38.417Z (over 3 years ago)
• Topics: apollo, graphql, nodejs, postgresql, reactjs, typescript
• Language: TypeScript
• Homepage:
• Size: 6.7 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# apollobank 🚀

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

## What's included?

- Login/register

- Dashboard

- Accounts

- Transactions

- Credit cards

- Settings

- Spending for this month chart

- Dummy data generator using faker

![dashboard](images/dashboard.png)

## Technologies used

### 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.

Flag icons made by Freepik from  www.flaticon.com