Product · 2026
This portfolio
Designed and built in public with AI pair-programming. Type-safe routing, server rendering and edge deployment.

- Role
- Designer · Builder
- Status
- Live
- Tools
- React 19, TanStack Start, Tailwind v4, Cloudflare, Claude Code
Context
A portfolio for someone moving from industrial project management into tech should show the work, and also how it is built.
Problem
Generic templates hide the method. I wanted a site that reads like a product: content-driven, fast, accessible and easy to extend.
Approach
- 01Content model separated from presentation: each project is a typed data entry that generates its own case study page.
- 02Minimal design system: two typefaces, one accent colour, light and dark themes.
- 03Keyboard-first navigation with a ⌘K command menu.
- 04Built iteratively with Lovable and Claude Code, reviewed and versioned on GitHub.
Outcome
- Live on the edge, server-rendered, with structured data for search and LLMs.
Next project
P&ID audit for mining infrastructure