All work
Case Zero
Web App · React · Detective Game · Logic Puzzle · Daily Case · Deduction · PWA
Case Zero is a mobile-first web app/PWA designed as a daily detective logic game: one case per day, a series of clues, multiple suspects, and a final deduction to be formulated within a limited number of attempts. The project aims to transform investigative logic into a brief, accessible, and replayable daily experience.
The app presents the user with an investigative file consisting of a scenario, suspects, and clues. After analyzing the available information, the player can formulate their deduction and attempt to identify the correct solution. Each case allows a maximum of three attempts, with a clear file status and automatic blocking of new attempts once the case is solved or failed.
An important part of the experience is the final explanation. Even in case of failure, the app shows the conclusive reasoning, allowing the user to understand which clues were relevant and how the solution was reached. This makes Case Zero not just a trial-and-error game, but an experience based on logic, understanding, and deduction.
The protected dashboard shows the daily case and the user's main statistics. The archive allows users to consult available cases, filtering them by status: all, solved, failed, or unplayed. CTAs change based on the real progress of the case, allowing players to play a new case, continue an open case, open a summary, or review an already completed case.
The project includes a personal statistics system with streaks, best streaks, success rate, and average attempts. Base achievements are calculated from existing progress and statistics, without introducing additional persistence. This allows for valuing user advancement while keeping the data model simple and consistent.
The result sharing is designed with attention to spoiler safety: the copyable text includes status, attempts, and actual streak, but never reveals the culprit or the solution of the case. This allows users to share their results without spoiling the experience for other players.
From an editorial standpoint, Case Zero includes a dedicated structure for case creation and review. The repository includes an authoring guide, versioned drafts, release candidates, and validation via scripts, so content can be checked before publication. There is also a read-only lite admin console to review drafts and release candidates, visualize structural problems, and read explicit spoiler details without modifying the database.
The technical architecture is based on React, TypeScript, TanStack Start, TanStack Router, TanStack Query, Vite, and Tailwind CSS. The database manages cases, suspects, clues, attempts, user progress, and statistics with Row Level Security to separate personal data. The app uses Google login, persistent light/dark theme, an installable PWA on iOS and Android, and Vitest tests for game logic.
Case Zero represents a project focused on light game design and deductive logic: a personal product different from typical dashboards, capable of showcasing skills in UX, data modeling, user progression, editorial content, spoiler safety, PWA, and daily game mechanics.
Year
2026
Stack
ReactTypeScriptTanStack StartTanStack RouterTanStack QueryViteTailwind CSSSupabaseVitestPWA
