WORK/ 022026A WEEK INONGOING

Life in Weeks

Your entire life, rendered as a grid of small boxes.

role
Solo
duration
a week in
team
solo
stack
React · TypeScript · Vite · SWC
Life in Weeks — a grid of 80×52 small boxes, a handful filled
“four thousand small boxes. turns out, that's all you get.”

The problem

Most life-in-weeks implementations online are short snippets in a blog post. I wanted one I could open every January 1 — properly typed, fast, printable, with my own timeline of milestones marked on it.

The approach

React + TypeScript + Vite with SWC for fast refresh. A 52×80 CSS grid, each cell sized to hit a one-page print at A4. Milestones are stored as a typed list, rendered as labels in the margin with dashed connectors to specific weeks.

Reflection

One box per week. The one highlighted today will be somewhere in the middle, and you will know exactly how many are to the left of it. That’s the entire point of the tool.