Lista della spesa condivisa — gratis e senza account

Una lista della spesa semplice: scrivi cosa serve comprare, con una quantità se ti è utile, e segni ogni articolo come "Comprato" quando lo prendi. Essendo un documento Reactive, con la sincronizzazione multi-utente attivata dal menu in alto più persone di casa possono vedere e aggiornare la stessa lista dal proprio telefono — utile quando a fare la spesa può capitare a chiunque in famiglia.

▶ Usa questa app

spesalistafamigliacasacondivisa

Cosa registra

  • Cosa serve comprare
  • Quantità (es. 2 litri, 1 confezione)
  • Stato...

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
# 🛒 Lista della spesa condivisa

Una lista della spesa semplice: scrivi cosa serve comprare, con una quantità
se ti è utile, e segni ogni articolo come "Comprato" quando lo prendi.
Essendo un documento Reactive, con la sincronizzazione multi-utente attivata
dal menu in alto più persone di casa possono vedere e aggiornare la stessa
lista dal proprio telefono — utile quando a fare la spesa può capitare a
chiunque in famiglia.

::::form{path="articoli" id="fsp"}
::input{form="fsp" field="nome" placeholder="Cosa serve comprare" required="true"}
::input{form="fsp" field="quantita" placeholder="Quantità (es. 2 litri, 1 confezione)"}
:::select{form="fsp" field="comprato" placeholder="Stato..." required="true"}
- Da comprare
- Comprato
:::
::add-form{form="fsp" path="articoli" label="Aggiungi articolo"}
::::

## Lista

:::list{path="articoli" editform="fsp" deletable="true"}
**{nome}** {quantita} — {comprato}
:::

## Cosa manca ancora

:::filter{path="articoli" field="comprato" equals="Da comprare" as="list"}
{nome} {quantita}
:::

:::python{data="articoli"}
```
righe = data["articoli"]
mancano = sum(1 for r in righe if r.get("comprato") == "Da comprare")
totale = len(righe)
print(f"Articoli ancora da comprare: {mancano} su {totale}")
```
:::

Per segnare un articolo come preso basta cliccare l'icona di modifica nella
lista e cambiare lo stato in "Comprato": sparisce subito dall'elenco di
quello che manca ancora.