←
Featured Project · Web & PWA

Bilancino

Prendi il controllo delle tue finanze familiari. Senza fogli Excel, senza complicazioni.

Bilancino è un'applicazione web mobile-first progettata per tracciare spese, entrate e budget in tempo reale. Grazie all'integrazione dell'Intelligenza Artificiale e ad un'interfaccia reattiva, registrare ogni movimento richiede solo pochi secondi.

https://bilancino.netlify.app
Bilancino Dashboard Screenshot

PERCHÉ BILANCINO È DIVERSO

🧠

Inserimento AI con Linguaggio Naturale

Scrivi o parla liberamente ('15€ pizza ieri #svago'): le Edge Functions e l'Intelligenza Artificiale estraggono importo, data, categoria e tag in automatico.

🔒

Modalità Incognito & Privacy

Attiva il toggle 'occhio' per oscurare tutti gli importi finanziari (•••• €) in tutta l'app, inclusi grafici e tooltip. Perfetto per l'uso in pubblico.

🎯

Budgeting & Previsioni

Imposta limiti mensili per categoria, monitora il tasso di risparmio 50/30/20 e consulta gli avvisi visivi in-app all'apertura prima di sforare.

📱

Esperienza Mobile Native & Gestures

Interfaccia reattiva a 60fps con Swipe Gestures: trascina a destra (→) per modificare e a sinistra (←) per eliminare.

PANORAMICA DELL'APPLICAZIONE

THEMING & ACCESSIBILITY

Tema Scuro (Warm Obsidian) & Tema Chiaro (Warm Alabaster)

Progettato con due palette cromatiche ad alto contrasto per un'esperienza di lettura ottimale sia di giorno che di notte. Preserva le preferenze dell'utente in localStorage e previene l'effetto flash all'avvio (anti-FOUC).

Dark Theme (Obsidian)
Bilancino Dark Theme
Light Theme (Alabaster)
Bilancino Light Theme
SERVERLESS AI & EDGE FUNCTIONS

Inserimento Intelligente in Linguaggio Naturale

Basta digitare una frase spontanea. L'Intelligenza Artificiale analizza il testo, estrae importo e data, categorizza il movimento e applica i tag pertinenti senza costringere a compilazioni manuali.

Quick Add AI Modal
Bilancino Quick Add AI Screenshot
PRIVACY FIRST

Modalità Incognito Integrata

Con un semplice tocco sulla topbar, tutti i dati finanziari sensibili vengono oscurati con la stringa '•••• €' in tutta l'applicazione, inclusi i canvas e i tooltip dinamici dei grafici.

Privacy Mode Active
Bilancino Privacy Mode Screenshot
MOBILE FIRST & PWA

Swipe Gestures Native & UX Fluida

Sui dispositivi mobili, la lista dei movimenti gestisce gestures tattili native: uno scorrimento verso destra (→) apre la modifica rapida, mentre uno scorrimento verso sinistra (←) avvia la cancellazione .

Bilancino Mobile App Screenshot

UNDER THE HOOD (PER DEVS & RECRUITERS)

Bilancino è stato ingegnerizzato da zero per dimostrare le potenzialità dello stack moderno Angular 21 + Supabase:

  • ✓Frontend: Angular 21 Standalone Components, Signals, computed(), OnPush Change Detection
  • ✓State Management: Scoped Component Stores & Async Mutex Caching (Zero NgRx boilerplate)
  • ✓Backend & DB: Supabase (PostgreSQL with Row Level Security RLS & Supabase Auth)
  • ✓AI Engine: Supabase Edge Functions (Deno), LLM Serverless & Cold-Start Pre-warming
  • ✓Styling: SCSS Mobile-First, Material 3, Dark/Light Themes & CSS Variables

Pronto a riorganizzare le tue spese?

Apri Bilancino dal vivo ↗