Perché l'ho costruito
Passiamo le giornate a reagire a notifiche, feed e scadenze, e quasi nessuno si ferma a chiedersi che cosa conta davvero.
Tempo, salute, libertà, sonno, presenza, coscienza pulita: sono i lussi che nessun conto in banca può comprare, e proprio per questo li diamo per scontati finché non vengono a mancare.
Un questionario può aiutarti a vederli, ma un punteggio da solo non cambia niente. Volevo uno strumento che ti accompagnasse anche dopo: capire cosa non va, scegliere un passo concreto e tornare a vedere come stai.
Da qui è nato Growth.
Più di un questionario
L'obiettivo era costruire una piattaforma completa, che partisse da una fotografia onesta e diventasse uno spazio da usare nel tempo.
Volevo che permettesse di:
- capire da dove si parte, senza giudizi
- vedere a colpo d'occhio cosa è già tuo, cosa è in cammino e cosa è da coltivare
- lavorare su ogni lusso con spiegazioni, passi concreti e uno spazio per scrivere
- seguire l'umore giorno per giorno e scoprire cosa lo influenza
- trovare aiuto concreto quando serve, fino a un professionista
- fare tutto questo senza account, senza server e senza raccogliere dati
Come funziona
1. Il questionario
Dodici domande, una per schermata, con tre risposte possibili: Sì, è mio, In parte e Non ancora. Alla fine arrivano un punteggio, un verdetto e l'inventario dei 12 lussi.
2. La panoramica
Dopo il test si apre la dashboard: un check-in rapido dell'umore, un riepilogo a semaforo (rosso da coltivare, giallo in cammino, verde tuo) e le card dei 12 lussi, con filtri per stato e un suggerimento su dove iniziare.
3. Uno spazio di lavoro per ogni lusso
Ogni lusso ha la sua pagina, divisa in tre schede:
- Capire: perché è difficile, le situazioni specifiche in cui ci si riconosce, ognuna con una spiegazione mirata, e una nota personale, "Il mio perché"
- Agire: un percorso di passi spuntabili, da scegliere tra quelli suggeriti o da scrivere da sé, senza limiti, ed esportabile come testo
- Diario: uno spazio per gli sfoghi, con spunti di scrittura, data e bozza salvata automaticamente
Quando qualcosa cambia davvero, "Cambia stato" aggiorna il lusso senza dover rifare il test.
4. Il diario dell'umore
Un check-in al giorno con un "meteo interiore" a cinque livelli, da Tempesta a Sole pieno, le emozioni provate, i lussi coinvolti e una nota.
Il diario mostra il grafico degli ultimi 30 giorni, la media, i giorni di fila, le emozioni più frequenti e i lussi associati alle giornate migliori.
5. Risorse e aiuto
Una sezione di risorse propone la respirazione quadrata guidata, la tecnica 5-4-3-2-1, i segnali per capire quando chiedere aiuto e le linee di ascolto.
Dopo il test il pulsante "Ho bisogno di aiuto" resta sempre visibile: apre i collegamenti a Serenis e Unobravo, il numero di emergenza 112 e le linee di ascolto della lingua scelta. Quando nel diario si sceglie Pioggia o Tempesta, lo stesso aiuto viene proposto direttamente.
Un'intera piattaforma in un solo file
L'app è costruita con React 19 e TypeScript, con Framer Motion per le animazioni.
La build usa Vite con vite-plugin-singlefile: il risultato è un unico file HTML con script, stili e font incorporati, che funziona su qualsiasi hosting statico senza bisogno di un router.
Il percorso è una macchina a stati che porta da introduzione, quiz e risultati alla dashboard e allo spazio di ogni lusso. Lo stato vive nel localStorage del browser, con chiavi versionate per i progressi, la lingua e le impostazioni.
Browser → React → localStorage → backup JSON (su richiesta)
L'interfaccia è in italiano, inglese e spagnolo, con rilevamento automatico della lingua del browser e titolo e meta tag aggiornati in base alla lingua scelta.
Le parti più difficili
1. Non perdere i dati senza avere un server
Se tutto resta nel browser, cambiare dispositivo o svuotare i dati del sito significa perdere mesi di diario.
Per questo c'è un backup completo in JSON da scaricare e reimportare, anche dalla prima schermata. Prima di sostituire dati già presenti viene chiesta una conferma, e i file che non sono backup dell'app vengono rifiutati senza toccare nulla.
2. Contenuti coerenti in tre lingue
Ogni lusso ha spiegazioni, situazioni specifiche, una risposta per ciascuna situazione e spunti per il diario. In ogni lingua le risposte devono restare allineate alle situazioni a cui si riferiscono, altrimenti la spiegazione non corrisponde più al problema.
3. Un tema delicato
Un'app sul benessere deve sapere quando non basta. L'aiuto è sempre raggiungibile e viene proposto da solo quando l'umore registrato è basso, invece di restare nascosto in un menu.
Perché l'ho costruita in questo modo
1. Niente account e niente server
Chi scrive come sta merita che quelle parole non lascino il suo dispositivo. Non esiste un backend: nulla viene inviato fuori dal browser.
2. Il controllo dei dati a chi li scrive
Si può scaricare il backup, esportare il diario in un file di testo da rileggere o portare a un professionista, e cancellare solo il diario dell'umore, solo note e passi, oppure tutto.
3. Piccoli passi invece di grandi obiettivi
La scheda Agire propone passi concreti da spuntare, perché un cambiamento sostenibile parte da azioni piccole e ripetute.
4. Rispetto per chi la usa
La riduzione delle animazioni parte dall'impostazione di sistema, lo sfondo animato si può spegnere e la dimensione del testo si può regolare.
Una piattaforma, non un test
Quello che era nato come un questionario è diventato una piattaforma completa: una fotografia iniziale, una mappa dei 12 lussi, uno spazio di lavoro per ognuno, un diario dell'umore con statistiche e un aiuto sempre a portata di mano.
Chi torna sul sito ritrova la dashboard come l'aveva lasciata, senza aver mai creato un account.