Bilancino
Take full control of your family finances. No spreadsheets, zero friction.
Bilancino is a mobile-first web app built to track expenses, income, and budgets in real-time. Powered by AI and a reactive UI, recording transactions takes just a few seconds.
WHY BILANCINO IS DIFFERENT
Natural Language AI Quick Add
Type or speak naturally ('15€ pizza yesterday #fun'): Edge Functions and Artificial Intelligence extract amount, date, category, and tags automatically.
Privacy & Incognito Mode
Toggle the 'eye' icon to mask all financial figures (•••• €) app-wide, including chart canvas layers and tooltips. Built for public use.
Smart Budgeting & Forecasts
Set category-based monthly budgets, track 50/30/20 savings rates, and check in-app visual alerts upon opening before overspending.
Mobile Native & Touch Gestures
Silky-smooth 60fps UI with touch gestures: swipe right (→) to edit and swipe left (←) to delete.
APPLICATION SHOWCASE
Dark Theme (Warm Obsidian) & Light Theme (Warm Alabaster)
Engineered with two high-contrast color palettes for optimal readability day and night. Persists user preferences via localStorage and prevents Flash of Unstyled Content (anti-FOUC).
Natural Language Smart Input
Type naturally. Artificial Intelligence parses the text, extracts amount and date, categorizes the movement, and assigns smart tags automatically.
Integrated Privacy Mode
With one tap on the topbar, all sensitive amounts are masked with '•••• €' app-wide, including chart canvas layers and dynamic tooltips.
Native Touch Swipe Gestures & Fluid UX
On mobile devices, transaction lists support intuitive touch gestures: swiping right (→) opens quick edit mode, while swiping left (←) triggers instant deletion.
UNDER THE HOOD (FOR DEVS & RECRUITERS)
Bilancino was engineered from the ground up to showcase the power of the modern Angular 21 + Supabase stack:
- 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