CatalogoVita personale ›Finanze

Spese veloci — dal telefono in tre tocchi

La micro app per registrare una spesa al volo, dal telefono. Scrive nello spazio dati condiviso «casa»: la spesa che inserisci qui è già nel bilancio di **Piggybank** e tra le spese di casa di **Hearth**.

spazio dati «casa» — questa micro app scrive nello spazio condiviso con le soluzioni che la includono.

Micro app condivisa — usata da Hearth, Piggybank

▶ Usa questa app

Si integra con: Hearth, Piggybank — stesso spazio dati.

spesecasabudgetfamigliamicro

Cosa registra

  • Cosa hai comprato
  • Categoria...
  • Importo (€)

Come funziona

Questa è un'app Reactive: un semplice documento di testo che il browser trasforma in un'app funzionante — moduli, dati dal vivo, tabelle, statistiche e persino grafici, senza installare né configurare nulla.

  1. Usala subito. Premi «Usa questa app»: si apre subito nel tuo browser, già pronta, con i dati salvati solo sul tuo dispositivo.
  2. I tuoi dati restano tuoi. Tutto è memorizzato in locale sul dispositivo, separato per ogni app: niente account, niente server, niente da configurare.
  3. Rendila tua. Il testo qui sotto è l'app per intero: copialo, cambia campi, viste e parole, e le modifiche diventano subito interattive.
  4. Condividila come file. Un'app è un semplice file: salvalo, esportalo o condividilo con un link; e con la collaborazione cifrata più persone modificano gli stessi dati in tempo reale.
Il testo dell'app
# 💸 Spese veloci

La micro app per registrare una spesa al volo, dal telefono. Scrive nello
spazio dati condiviso «casa»: la spesa che inserisci qui è già nel bilancio
di **Piggybank** e tra le spese di casa di **Hearth**.

::::form{path="spese" id="fsp"}
::input{form="fsp" field="data" type="date" legend="Quando"}
::input{form="fsp" field="voce" placeholder="Cosa hai comprato" required="true"}
:::select{form="fsp" field="categoria" placeholder="Categoria..."}
- Casa
- Cibo
- Trasporti
- Utenze
- Salute
- Svago
- Altro
:::
::input{form="fsp" field="importo" type="number" placeholder="Importo (€)" required="true"}
::add-form{form="fsp" path="spese" label="Aggiungi spesa"}
::::

## Ultime spese

:::list{path="spese" pagesize="5"}
**{voce}** — € {importo} ({categoria})
:::

**Totale uscite: € :sum[tot]{path="spese" field="importo"}**