Goals
Part of the Piggybank
Goals: part of the Piggybank suite, on the shared “casa-en” data.
data space «casa-en» — this micro app reads and writes the suite’s shared data space.
What it records
- Goal (holiday, emergency fund...)
- Target (€)
- Already set aside (€)
The other micro apps in the same suite
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
# 🎯 Goals
## Savings milestones
::::form{path="goals" id="fob"}
::input{form="fob" field="name" placeholder="Goal (holiday, emergency fund...)" required="true"}
::input{form="fob" field="target" type="number" placeholder="Target (€)" required="true"}
::input{form="fob" field="saved" type="number" placeholder="Already set aside (€)"}
::add-form{form="fob" path="goals" label="Add goal"}
::::
:::list{path="goals" deletable="true" editform="fob"}
**{name}** — € {saved} of € {target}
:::
Set aside in total: **€ :sum[obm]{path="goals" field="saved"}** of
**€ :sum[obt]{path="goals" field="target"}** in targets.