DailyFlow

Il budget personale in un numero: quanto puoi spendere oggi, ricalcolato ogni giorno.

PWAOnline

Il problema

Il saldo del conto non dice quanto puoi spendere oggi. Una parte è già impegnata: affitto, bollette, abbonamenti, una spesa grossa tra qualche mese.

Le app di budget classiche chiedono categorie, grafici e tempo, e molti lasciano perdere. Serviva una risposta sola, sempre aggiornata: quanto posso spendere oggi senza sforare?

La soluzione

DailyFlow mostra un numero grande: quanto puoi spendere oggi. Prende le entrate dell'anno, toglie le uscite fisse e le spese previste, e divide il resto per i giorni che mancano al 31 dicembre.

Una spesa si registra con importo e tipo: quella di tutti i giorni pesa sulla quota di oggi, quella straordinaria viene divisa sui giorni che restano. Stipendio e bollette entrano con l'importo presunto: alla data un promemoria ti chiede quello vero.

E se un numero ti sorprende, "Come è calcolato" mostra ogni voce.

Il mio ruolo

Ho sviluppato DailyFlow con l'aiuto dell'AI, usando skill e flussi di lavoro che ho creato io.
Ho definito il prodotto e le regole di calcolo: cosa conta, quando, e cosa succede a fine anno.
Ho costruito il motore di calcolo come modulo a sé, con gli importi in centesimi interi e test automatici su tutti i suoi casi.
Ho disegnato il database e le regole di sicurezza: ogni persona vede e modifica solo i propri dati.
Ho reso l'app installabile sul telefono, leggibile anche senza rete, con promemoria push per le conferme.
Ho curato l'interfaccia mobile: tema chiaro e scuro, animazioni sobrie, attenzione all'accessibilità.

Stack e tempi

È costruita con Next.js e React, in TypeScript. Dati, accesso e regole di sicurezza stanno su Supabase (database PostgreSQL).

L'interfaccia usa Tailwind CSS, componenti shadcn/ui e Motion per le animazioni; TanStack Query tiene i dati in memoria anche offline; Serwist gestisce la parte PWA; Web Push manda i promemoria. Il motore di calcolo è testato con Vitest e fast-check, l'app intera con Playwright su schermo da telefono.

Il lavoro è andato per fasi: prima il motore e i suoi test, poi database e sicurezza, accesso e PWA, le schermate principali, configurazione iniziale e voci ricorrenti, notifiche e chiusura dell'anno, infine la rifinitura.

Risultato

DailyFlow è completa: tutte le funzioni previste per la prima versione ci sono, dal primo avvio al riepilogo di fine anno. Ogni numero sullo schermo viene dal motore di calcolo, e i test automatici lo controllano.

Il numero del giorno compare in meno di un secondo e l'app si installa sul telefono come un'app vera.

Le schermate

Ecco DailyFlow sul telefono: prima i punti forti, poi le schermate di tutti i giorni e quelle per tenere in ordine entrate e uscite. Le immagini usano dati di esempio inventati. Scorri per vederle tutte, tocca un'immagine per ingrandirla.