https://github.com/zklain/expenses

A PWA with full offline support for your expenses.
https://github.com/zklain/expenses

pwa react rxdb theme-ui

Last synced: about 2 months ago
JSON representation

A PWA with full offline support for your expenses.

• Host: GitHub
• URL: https://github.com/zklain/expenses
• Owner: zklain
• Created: 2020-09-23T15:42:57.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-10-07T08:57:07.000Z (about 4 years ago)
• Last Synced: 2024-04-14T18:56:22.650Z (9 months ago)
• Topics: pwa, react, rxdb, theme-ui
• Language: TypeScript
• Homepage: https://expenses.klainz.dev
• Size: 290 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Expenses

[SEE LIVE](https://expenses.klainz.dev)

A PWA with full offline support for your expenses.

You can save it to your homescreen and use it daily to track all your :beer:  and

:coffee: expenses.

So for the layout is only suited for mobile screen (soon to be cahnged).

If you clone the repo and run the app localy, the database will be seeded with

fake data.  

## Story

This project is a sort of playground which I created to learn and experiment 

with PWA development.

## Tech

### APP

The client app  started as a `create-react-app` with Typescript.

The offline database is implemented using [RxDb](https://rxdb.info/). 

I'm using [visx](https://airbnb.io/visx) for the graphs and

[react-spring](https://www.react-spring.io/) for the animations.

Styling is done with juicy [Theme UI](https://https://theme-ui.com/).

## TODO:

- [ ] Expenses aggregations collection for statistics

- [ ]  custom categories

- [ ] account support with sync, backup

- [ ] animations

- [ ] desktop support