Building a developer toolbox without a backend
Architectural choices for useful browser tools that keep user data local.
Writing · Devlogs, notes & snippets
Working notes from production engineering.
Short, useful pieces about product architecture, accessible interfaces, browser tools, React, and delivery.
8 entries
Designing a portfolio as a product
Why selected work, disclosure, and visitor intent matter more than a gallery of screens.
Principles for accessible motion
A compact framework for motion that communicates hierarchy and state without becoming a barrier.
Structuring URL state in React
Choosing which interface state deserves a durable, shareable URL.
Designing useful empty states
Empty states should explain what happened and give users a credible next action.
A typed debounce utility
A small TypeScript debounce with cancellation and an explicit limitation.
An accessible useMediaQuery hook
A client hook that listens to system preferences without leaking event listeners.
A URL query-state helper
A small immutable helper for updating typed search parameters.