MB.
Tutti i lavori

AutoMotoKeeper

Web App · React · Vehicle Manager · Maintenance Tracker · Fuel Log · Document Archive · PWA

AutoMotoKeeper
AutoMotoKeeper è una web app/PWA pensata per gestire in modo semplice e strutturato auto, moto, scooter e altri veicoli personali. L’app centralizza in un’unica esperienza dati tecnici, chilometraggio, manutenzioni, rifornimenti, spese, scadenze, documenti, notifiche e statistiche, trasformando la gestione del garage in un flusso più ordinato e controllabile. Il progetto nasce per risolvere un problema concreto: evitare di perdere informazioni importanti sui propri veicoli e ricordare in tempo attività come revisione, bollo, assicurazione, tagliando, manutenzioni periodiche e rinnovi documentali. Ogni veicolo può essere gestito con dati tecnici, informazioni operative, attività collegate e storico degli interventi. La dashboard offre una panoramica immediata dello stato del garage, con KPI, alert sulle scadenze, veicoli da tenere d’occhio, costi mensili, consumi e attività recenti. L’utente può individuare rapidamente cosa richiede attenzione, quanto sta spendendo e quali veicoli hanno eventi o scadenze imminenti. AutoMotoKeeper permette di registrare manutenzioni, rifornimenti e spese, così da costruire uno storico utile per analizzare costi, percorrenza e consumi. Le statistiche aiutano a leggere l’andamento nel tempo e a capire meglio il peso economico e operativo di ogni mezzo. Una parte importante del progetto è la gestione documentale. I documenti possono essere collegati ai veicoli e archiviati in modo ordinato, con supporto all’estrazione dati tramite funzione dedicata. Questo consente di mantenere insieme informazioni, file e scadenze, riducendo il rischio di avere documenti dispersi o non aggiornati. L’app include notifiche e promemoria per scadenze e manutenzioni, così da supportare l’utente nella gestione preventiva del veicolo. È presente anche il concetto di veicolo preferito, utile per concentrare dashboard, liste principali, statistiche e nuovi inserimenti su un mezzo specifico senza perdere la visione completa del garage. L’interfaccia è progettata con approccio mobile-first e PWA, con navigazione ottimizzata per smartphone, safe area iOS, azioni rapide e layout responsive. Su desktop la navigazione valorizza le sezioni operative principali, mentre su mobile la barra inferiore mette in evidenza le scadenze e consente un accesso rapido alle funzioni più usate. AutoMotoKeeper integra anche API di integrazione per applicazioni esterne basate su clientId e personal token revocabile, pensate per leggere dati dei veicoli in modo controllato. Il progetto rappresenta una soluzione concreta per digitalizzare la gestione quotidiana dei mezzi, unendo UX, dati, notifiche, documenti, statistiche e architettura mobile-first.
Anno
2026
Stack
ReactTypeScriptViteTanStack RouterTanStack QueryTailwind CSSshadcn/uiRadix UISupabaseEdge FunctionsVitestPWA