04 / 07

LifeUI

A HUD for real life: plan the day in time blocks, run one activity at a time, and close each one with a single honest moment.

Role: Solo: product, design system, frontend and tests
Year: 2026
Interface: English and Spanish, light and dark

Visit the website Source

The story

Not a todo app, not a habit tracker, not a time tracker. You keep a library of repeatable activities, drop them into the day’s time blocks, and run one at a time. Each one ends in a closing ritual: rate it from 0 to 10 and earn tempos. Tempos only go up. No streaks, no penalties, and free time costs nothing.

This year I rebuilt the whole interface from scratch to the standard of a tool like Linear, on top of a domain core that doesn’t know React exists. CI runs typecheck, lint with zero warnings, Jest, the build and Cypress on every push.

LifeUI Today screen: Read has just started from a quick-start chip, 157 tempos today at 157% of the daily reference, the day plan by time blocks, and a log where Write report was just closed at 9 out of 10 for 78 tempos. — In the screenshot

Engineering

Three things worth a closer look

01
A core that doesn’t know React
Immutable state, subscriptions and managers in plain TypeScript. The UI reaches it through one adapter, and tests drive a real core instead of mocks.
02
Versioned persistence
Every load goes parse, validate, migrate through schema v1, v2 and v3, then sanitize. Legacy fields are archived rather than dropped, and JSON import runs through the same path.
03
The preview is the result
The closing dialog calls the same reward function as the core, so the tempos you see are the tempos you get. The typed i18n layer makes English and Spanish keep exactly the same keys.

React 18
TypeScript (strict)
Vite
Tailwind with CSS-variable tokens
Radix UI
Jest
Testing Library
Cypress
GitHub Actions

More screens from LifeUI

Select a screen to enlarge it

LifeUI product film, a day in 39 seconds: the day starts at 8:12, the plan sits in time blocks with the later ones locked, the morning closes land in the log, Write report is closed at 9 out of 10 for 78 tempos, the day passes its tempo reference and ends on the Review. This frame shows the tempo meter at 105, past the daily reference of 100, over the day’s log. — A day in 39 seconds

LifeUI closing ritual: rate the activity from 0 to 10 and see the reward preview of +60 tempos. — Closing ritual

LifeUI review screen: the day timeline, time by activity type and a table of closed activities. — Review

LifeUI library of reusable activities with their duration rules and history. — Library

LifeUI closing ritual on a phone. — On a phone

Build sheet

Stack: React 18, TypeScript (strict), Vite, Tailwind with CSS-variable tokens, Radix UI, Jest, Testing Library, Cypress, GitHub Actions
Scale: 158 commits
257 tests (Jest and Cypress)
44 components
Light and dark
Typefaces: Inter
Palette: #FCFCFD#16161A#5854D6#F59E0B#148054

The story

A core that doesn’t know React

Versioned persistence

The preview is the result

Build sheet