Hearth — casa e scadenze

Scadenze, spese, documenti e manutenzioni della casa — tutto in un file che resta tuo.

💸 Spese velocicondivisa⏰ Scadenze💶 Spese di casa📄 Documenti🔧 Manutenzioni

spazio dati «casa» — il collante della suite: sul tuo dispositivo, multi-utente con un invito (link o QR), cifrato end-to-end.

▶ Apri la suite (5 micro-app)

oppure aprila come app unica

Si integra con: Piggybank — stesso spazio dati.

casascadenzebollettedocumentimanutenzionifamiglia

Cosa registra

  • Bollo auto, revisione, assicurazione...
  • Categoria...
  • Bolletta, spesa, riparazione...
  • Categoria...
  • Importo (€)
  • Contratto, certificato, garanzia...
  • Caldaia, condizionatore, auto...
  • Cosa è stato fatto / da fare

Composta da 5 micro app

Un compito ciascuna, sugli stessi dati: ogni micro app legge e scrive lo spazio dati condiviso «casa» (col tuo consenso, chiesto alla prima apertura). Tutto resta sul tuo dispositivo — e con un solo invito l'intera suite diventa multi-utente, cifrata end-to-end.

Le micro app condivise sono il ponte tra le soluzioni: gli stessi dati alimentano anche Piggybank.

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
# 🏡 Hearth

Scadenze, spese, documenti e manutenzioni della casa — tutto in un file che resta tuo.

:::::page{title="Scadenze" icon="⏰"}
## Niente più multe per dimenticanza

::::form{path="scadenze" id="fsc"}
::input{form="fsc" field="nome" placeholder="Bollo auto, revisione, assicurazione..." required="true"}
::input{form="fsc" field="data" type="date" required="true" legend="Scade il"}
:::select{form="fsc" field="categoria" placeholder="Categoria..."}
- Auto
- Casa
- Utenze
- Documenti
- Altro
:::
::add-form{form="fsc" path="scadenze" label="Aggiungi scadenza"}
::::

:::calendar{path="scadenze" field="data"}
{nome}
:::

:::sort{path="scadenze" field="data" order="asc" as="list" deletable="true"}
{data} — **{nome}** ({categoria})
:::
:::::

:::::page{title="Spese di casa" icon="💶"}
## Dove vanno i soldi di casa

::::form{path="spese" id="fspc"}
::input{form="fspc" field="data" type="date" legend="Quando"}
::input{form="fspc" field="voce" placeholder="Bolletta, spesa, riparazione..." required="true"}
:::select{form="fspc" field="categoria" placeholder="Categoria..."}
- Utenze
- Alimentari
- Manutenzione
- Arredo
- Altro
:::
::input{form="fspc" field="importo" type="number" placeholder="Importo (€)" required="true"}
::add-form{form="fspc" path="spese" label="Registra spesa"}
::::

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

:::group-by{path="spese" field="categoria" as="table" headers="Quando,Voce,Importo"}
{data} | {voce} | € {importo}
:::
:::::

:::::page{title="Documenti" icon="📄"}
## I documenti importanti, a portata di mano

::::form{path="documenti" id="fdo"}
::input{form="fdo" field="nome" placeholder="Contratto, certificato, garanzia..." required="true"}
::file{form="fdo" field="allegato" maxkb="500"}
::add-form{form="fdo" path="documenti" label="Archivia"}
::::

:::list{path="documenti" deletable="true"}
**{nome}** — {allegato}
:::
:::::

:::::page{title="Manutenzioni" icon="🔧"}
## Lo storico degli interventi

::::form{path="manutenzioni" id="fma"}
::input{form="fma" field="impianto" placeholder="Caldaia, condizionatore, auto..." required="true"}
::input{form="fma" field="data" type="date" legend="Ultimo intervento"}
::input{form="fma" field="note" placeholder="Cosa è stato fatto / da fare"}
::add-form{form="fma" path="manutenzioni" label="Registra intervento"}
::::

:::table{path="manutenzioni" headers="Impianto,Ultimo intervento,Note" deletable="true" editform="fma"}
**{impianto}** | {data} | {note}
:::
:::::