apollobank - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #golang #machine-learning #rust #linux #macos #java #windows #awesome #security #open-source

apollobank

(★ 208)

A full stack GraphQL banking application using React, Node & TypeScript.

파일 탐색기

최종 버전 다운로드 (.zip)

- - _redirects
  - asset-manifest.json
  - Bitcoin.svg
  - favicon.ico
  - index.html
  - loading.svg
  - logo192.png
  - logo512.png
  - manifest.json
  - precache-manifest.1f2247de76a6c560e3bc294074f75a8b.js
  - robots.txt
  - service-worker.js
- - _redirects
  - Bitcoin.svg
  - favicon.ico
  - index.html
  - loading.svg
  - logo192.png
  - logo512.png
  - manifest.json
  - robots.txt
- - App.tsx
  - index.css
  - index.tsx
  - react-app-env.d.ts
  - Routes.tsx
  - setupTests.ts
- .env
- .env.production
- .gitignore
- .prettierrc
- codegen.yml
- package-lock.json
- package.json
- tsconfig.json
- blank.png
- dashboard.png
- first.png
- register.png
- - index.ts
  - middleware.ts
  - MyContext.ts
- .gitignore
- ormconfig.json
- package-lock.json
- package.json
- Procfile
- tsconfig.json
CONTRIBUTING.md
LICENSE
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# apollobank 🚀

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

🔥Any contribution activity including finding/report/fixing issues, and pull requests are Welcome!👋 <br/>
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/
![dashboard](https://raw.githubusercontent.com/edwardcdev/apollobank/main/images/first.png)

### Using
- Register fist.
![dashboard](https://raw.githubusercontent.com/edwardcdev/apollobank/main/images/register.png)
- And then login.
![dashboard](https://raw.githubusercontent.com/edwardcdev/apollobank/main/images/blank.png)
- Add account and transaction! Play it!
![dashboard](https://raw.githubusercontent.com/edwardcdev/apollobank/main/images/dashboard.png)

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