Vai al contenuto
Tutti i lavori
03Prodotto personale · Firebase

Spese Mensili

Non una pagina: un'applicazione con accesso, utenti separati e dati che restano.

  • React
  • Firebase
  • Firestore
  • Authentication
Spese Mensili in modalità demo: entrate, elenco spese e risparmio con dati di esempio

Il progetto

Uno strumento personale per tenere insieme stipendio, spese del mese e quanto rimane. Ogni utente ha il proprio account e vede soltanto i propri dati. È il progetto con cui ho imparato a costruire un sistema completo, non una singola schermata.

La sfida

Volevo uno strumento essenziale per gestire il budget dal telefono, con account separati e dati disponibili anche dopo aver chiuso la pagina.

Come l'ho risolto

Ho costruito l'applicazione su Firebase: autenticazione per separare gli utenti, Firestore per salvare i movimenti, hosting sulla stessa piattaforma. Ho aggiunto una modalità dimostrativa con dati di esempio, così lo strumento si può provare davvero prima di creare un account.

Cosa contiene

  • Registrazione e accesso con account personali
  • Dati separati per utente, persistiti su Firestore
  • Modalità "prova con dati di esempio" per vedere lo strumento senza registrarsi
  • Interfaccia in italiano, pensata per l'uso da telefono
  • Ospitata su Firebase Hosting

Il mio ruolo

Progettazione e sviluppo dell’applicazione: interfaccia, autenticazione, salvataggio dei movimenti su Firestore e pubblicazione su Firebase Hosting. Realizzazione della modalità demo con dati di esempio.

Il risultato

Un’applicazione utilizzabile online per registrare entrate e spese e calcolare il risparmio mensile. La demo permette di esplorare il foglio spese senza creare un account; l’accesso personale consente di conservare i propri dati.
Progetto successivoEssenza MaiApri il case study →