Skip to main content

Projects & Case Studies

Selected frontend platforms and product systems explained through business context, technical constraints, architecture decisions, tradeoffs, and reflection.

Token-First Design System — Audit Layer Planned

ComponentIQ

A frontend architecture case study for ComponentIQ: why the plan started as a docs-and-AI-assistant monorepo, why the shipped v1 became a token-first design system and component library instead, and what a future automated audit layer still needs from that foundation.

React / Next.jsTypeScriptDesign SystemsDesign Tokens
Read case study

Reverse-Engineered Notion Architecture Study

Offline-First Engineering

An independent engineering case study explaining why caching a page is not the same as making it available offline, using Notion's offline architecture to reason about dependency guarantees, provenance, hierarchy reconciliation, and freshness.

Reverse EngineeringOffline-FirstFrontend ArchitectureState Modeling
Read case study

AI-Assisted Job Search — In Progress

In Progress

JobFlow

A Next.js application that integrates Claude AI for resume tailoring and job fit evaluation. An exploration of what happens when you treat AI as a tool inside a real product instead of a standalone chat interface.

Next.js 14TypeScriptClaude APIPrompt Engineering
Read case study

Labs

Interactive investigations into how things work. Each experiment starts with a question and follows the rabbit hole.

Experiment / 001

Rate Limiting an API

How do I protect an expensive endpoint?

"I came here to understand rate limiting. Things got out of hand."

RedisAtomicityConcurrency
Explore

Experiment / 002

Offline-First Architecture

What if the network is unreliable?

"I have more questions than when I started."

Optimistic UILocal StateSync
Explore