Catalog ›Personal life ›Finances
Quick expenses — three taps on your phone
The micro app for logging an expense on the go, from your phone. It writes into the shared "casa" data space: the expense you enter here is already in **Piggybank**'s balance and among **Hearth**'s household expenses.
data space «casa-en» — this micro app writes into the space shared with the solutions that include it.
What it records
- What you bought
- Category...
- Amount (€)
How it works
This is a Reactive app: a plain text document that your browser turns into a working app — forms, live data, tables, statistics and even charts, with nothing to install or configure.
- Use it right away. Hit “Use this app”: it opens right in your browser, ready to go, with data saved only on your device.
- Your data stays yours. Everything is stored locally on your device, kept separate for each app: no account, no server, nothing to set up.
- Make it your own. The text below is the entire app: copy it, tweak fields, views and words, and your changes become interactive instantly.
- Share it as a file. An app is a simple file: save it, export it or share it with a link; and with encrypted collaboration several people edit the same data in real time.
The app’s source
# 💸 Quick expenses
The micro app for logging an expense on the go, from your phone. It writes
into the shared "casa" data space: the expense you enter here is already in
**Piggybank**'s balance and among **Hearth**'s household expenses.
::::form{path="expenses" id="fsp"}
::input{form="fsp" field="date" type="date" legend="When"}
::input{form="fsp" field="item" placeholder="What you bought" required="true"}
:::select{form="fsp" field="category" placeholder="Category..."}
- Home
- Food
- Transport
- Utilities
- Health
- Leisure
- Other
:::
::input{form="fsp" field="amount" type="number" placeholder="Amount (€)" required="true"}
::add-form{form="fsp" path="expenses" label="Add expense"}
::::
## Latest expenses
:::list{path="expenses" pagesize="5"}
**{item}** — € {amount} ({category})
:::
**Total spending: € :sum[tot]{path="expenses" field="amount"}**