MB.
Tutti i lavori

Case Zero

Web App · React · Detective Game · Logic Puzzle · Daily Case · Deduction · PWA

Case Zero è una web app/PWA mobile-first pensata come daily detective logic game: un caso al giorno, una serie di indizi, più sospetti e una deduzione finale da formulare entro un numero limitato di tentativi. Il progetto nasce per trasformare la logica investigativa in un’esperienza quotidiana breve, accessibile e rigiocabile nel tempo. L’app mette l’utente davanti a un fascicolo investigativo composto da scenario, sospetti e indizi. Dopo aver analizzato le informazioni disponibili, il giocatore può formulare la propria deduzione e tentare di individuare la soluzione corretta. Ogni caso prevede un massimo di tre tentativi, con uno stato chiaro del fascicolo e blocco automatico di nuovi tentativi quando il caso viene risolto o fallito. Una parte importante dell’esperienza è la spiegazione finale. Anche in caso di fallimento, l’app mostra il ragionamento conclusivo, permettendo all’utente di capire quali indizi erano rilevanti e come si arrivava alla soluzione. Questo rende Case Zero non solo un gioco a tentativi, ma un’esperienza basata su logica, comprensione e deduzione. La dashboard protetta mostra il caso del giorno e le statistiche principali dell’utente. L’archivio consente di consultare i casi disponibili filtrandoli per stato: tutti, risolti, falliti o non giocati. Le CTA cambiano in base al progresso reale del caso, permettendo di giocare un nuovo caso, continuare un caso aperto, aprire un riepilogo o rivedere un caso già completato. Il progetto include un sistema di statistiche personali con streak, best streak, percentuale di successo e tentativi medi. Gli achievement base vengono calcolati a partire dai progressi e dalle statistiche già presenti, senza introdurre persistenza aggiuntiva. Questo permette di valorizzare l’avanzamento dell’utente mantenendo il modello dati semplice e coerente. La condivisione del risultato è progettata con attenzione alla spoiler safety: il testo copiabile include stato, tentativi e streak reale, ma non rivela mai il colpevole o la soluzione del caso. Questo consente di condividere il risultato senza rovinare l’esperienza ad altri giocatori. Dal punto di vista editoriale, Case Zero prevede una struttura dedicata alla creazione e revisione dei casi. Il repository include una guida di authoring, bozze versionate, release candidate e validazione tramite script, così i contenuti possono essere controllati prima della pubblicazione. È presente anche una console admin lite read-only per revisionare draft e release candidate, visualizzare problemi strutturali e leggere dettagli con spoiler espliciti senza modificare il database. L’architettura tecnica è basata su React, TypeScript, TanStack Start, TanStack Router, TanStack Query, Vite e Tailwind CSS. Il database gestisce casi, sospetti, indizi, tentativi, progressi utente e statistiche con Row Level Security per separare i dati personali. L’app usa login Google, tema light/dark persistente, PWA installabile su iOS e Android e test Vitest per la logica di gioco. Case Zero rappresenta un progetto orientato al game design leggero e alla logica deduttiva: un prodotto personale diverso dalle classiche dashboard, capace di mostrare competenze su UX, modellazione dati, progressione utente, contenuti editoriali, spoiler safety, PWA e meccaniche di gioco quotidiane.
Anno
2026
Stack
ReactTypeScriptTanStack StartTanStack RouterTanStack QueryViteTailwind CSSSupabaseVitestPWA