Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/reijjo/budget

BAG - budget tracking app. I wanted to simplify all those 'fancy' budget apps that are on the market. My first project with Bun and ElysiaJS.
https://github.com/reijjo/budget

bun chartjs elysiajs jsonwebtoken mongodb react typescript

Last synced: about 1 month ago
JSON representation

BAG - budget tracking app. I wanted to simplify all those 'fancy' budget apps that are on the market. My first project with Bun and ElysiaJS.

Awesome Lists containing this project

README

        

# bag-logo top notch budget tracking app

## About

- Budget app to see how much you are spending and on what
- More features for registered users

![thebag](https://github.com/reijjo/budget/assets/95418273/3f2ed90f-0039-4988-96d9-93e6f5e1bbc6)

- Using Bun for both frontend and backend bun

## Technologies

| | Frontend |
| ------------ | ------------------------- |
| **Template** | React + TypeScript + Vite |
| **Other** | Chart.js |

| | Backend |
| ------------- | -------------- |
| **Toolkit** | Bun |
| **Framework** | ElysiaJS |
| **Database** | MongoDB |
| **Other** | JSON Web Token |

## How to use

Install Bun

- https://bun.sh/docs/installation

.env

- rename server/ENV file to .env
- add a mongoDB uri
- add a secret (can be anything)
- add Outlook credentials
- add a port where to run backend

run frontend and backend

- in the client folder ```bun install``` and then ```bun run dev```
- in the server folder ```bun install``` and then ```bun dev```

## TODO

- TESTS! vscode REST client (superapi is a mess with elysiajs)

- email confirmation
- refresh token popup
- security
- localstorage -> cookies
- Chart for incomes
- more mobile/responsive
- sorting etc
- Redux for not registered users (maybe)