https://github.com/edwardcdev/apollobank
A full stack GraphQL banking application using React, Node & TypeScript.
https://github.com/edwardcdev/apollobank
apollo-react-hooks apollo-server bcrypt cors express faker formik graphql jwt material-ui nodejs postgresql react recharts typegraphql typescript yup
Last synced: 7 months ago
JSON representation
A full stack GraphQL banking application using React, Node & TypeScript.
- Host: GitHub
- URL: https://github.com/edwardcdev/apollobank
- Owner: edwardcdev
- License: mit
- Created: 2021-10-17T13:02:40.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-10-24T03:53:43.000Z (over 4 years ago)
- Last Synced: 2025-04-02T06:51:18.189Z (11 months ago)
- Topics: apollo-react-hooks, apollo-server, bcrypt, cors, express, faker, formik, graphql, jwt, material-ui, nodejs, postgresql, react, recharts, typegraphql, typescript, yup
- Language: TypeScript
- Homepage:
- Size: 1.91 MB
- Stars: 207
- Watchers: 7
- Forks: 33
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# apollobank 🚀
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](CONTRIBUTING.md).
## Running
### Prerequirement
- Node.js
- PostgreSQL 13
- create database name "apollobank"
- Git clone
```bash
git clone https://github.com/edwardcdev/apollobank.git
cd apollobank
```
### Run backend
```bash
cd server
npm install
npm start
```
- check ormconfig.json file to check or update database connection info.
### Run frontend
```bash
cd client
npm install
npm start
```
- It will server at http://localhost:3000/
### Using
- Register fist.
- And then login.
- Add account and transaction! Play it!
## 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.