Il tuo estratto conto, diviso per categorie, senza uscire dal browser
Una pagina che legge il CSV del tuo conto, lo divide in spesa, bollette, trasporti e il resto, e disegna un grafico a barre. Tutto resta nel browser: nessun dato parte verso un server.
Perché conta
Mostra che un calcolo delicato sui propri dati bancari si può fare senza affidarsi a un servizio online: con un file solo, pensato e corretto con un assistente AI, il calcolo resta sul proprio computer.
In pratica
Chi vuole capire dove vanno i propri soldi può salvare questa pagina e usarla ogni mese con il CSV della propria banca, senza registrarsi da nessuna parte.
- Costo: 0 €
- Con cosa: Un assistente AI che scrive codice, Un browser
- Errori fatti: 1
- Ricontrollato il: 2026-10-20
Scaricare l'estratto conto in CSV dalla propria banca è facile. Capire dove sono andati davvero i soldi del mese, guardando righe come "PAGAMENTO POS 47829", è un altro paio di maniche. Oggi abbiamo costruito, e provato per davvero, una pagina che fa questo lavoro da sola: legge il file, riconosce spesa, bollette, casa, trasporti, salute e svago dalle parole nella descrizione, e mostra un grafico a barre di quanto hai speso in ognuna. Nessun dato esce dal computer: non c'è nessun invio a un server, tutto il calcolo avviene dentro la pagina.
Cosa avrai alla fine
Un file HTML solo, da salvare sul computer e apribile con un doppio clic, senza installare niente. Ci si carica o si incolla il CSV della banca, e in un secondo arrivano il totale di entrate e uscite, un grafico a barre per categoria e la tabella di ogni movimento. Qui sopra la puoi provare subito, con il tasto «Prova con un esempio».
Il primo prompt
``` Scrivi una pagina HTML, un file solo, con CSS e JavaScript dentro. Deve leggere un CSV con data, descrizione e importo (separatore ; o ,), dividere le uscite in categorie (spesa, bollette, casa, trasporti, salute, svago, acquisti online, altro) riconoscendole da parole chiave nella descrizione, mostrare il totale entrate/uscite e un grafico a barre per categoria. Tutto deve girare nel browser, senza inviare nulla a un server. ```
È uscita una prima versione che funzionava, ma troppo semplice sui numeri: non gestiva gli importi scritti all'italiana, con il punto per le migliaia ("1.234,56").
Il problema e la correzione
Provandola con un CSV finto, la riga "RISTORANTE, PIZZA E ALTRO" (con una virgola dentro la descrizione) si è persa del tutto: la pagina divideva la riga sulla virgola sbagliata e scartava il movimento senza dirlo. Abbiamo corretto la funzione che legge il CSV perché rispetti le virgolette, come fa un foglio di calcolo vero: un campo tra virgolette con una virgola dentro ora resta un campo solo. Dopo la correzione, lo stesso file finto (dieci movimenti, uno stipendio e nove spese diverse) ha dato il totale giusto in entrate e uscite, verificato a mano categoria per categoria.
Il risultato completo
È lo stesso file della prova qui sopra. Per averlo sul tuo computer:
Passo 1, copia il codice. Premi il tasto «Copia il codice» in cima al riquadro: per un attimo diventa «Copiato».
Passo 2, incollalo in un file di testo. Su Windows apri il Blocco note (lo trovi cercando «Blocco note» nel menu Start). Su Mac apri TextEdit e, dal menu Formato, scegli «Rendi testo semplice». Poi incolla il testo: Ctrl+V su Windows, Cmd+V su Mac.
Passo 3, salva il file con il nome giusto. Scegli File, poi «Salva con nome», e come nome scrivi estratto-conto.html (con .html alla fine). Su Windows, sotto il nome, dove c'è scritto «Documenti di testo», scegli «Tutti i file»: altrimenti il file diventa un .txt e non funziona. Salvalo sul Desktop, così lo ritrovi.
Passo 4, aprilo. Fai doppio clic sul file: si apre nel browser e puoi incollare o caricare il CSV della tua banca.
Limiti, costo e varianti
Le categorie si riconoscono da parole chiave: una descrizione poco chiara finisce in "Altro", e puoi aggiungere le tue righe nella lista `REGOLE` in alto nel codice. Non costa niente: è un file che apri con il browser che hai già, senza account né abbonamenti. Tre modi per andare oltre: cambia le categorie per le tue spese tipiche; aggiungi un filtro per mese se il file ha più mesi insieme; chiedi all'assistente di salvare la tabella come un secondo CSV da scaricare, per riaprirla più avanti.
