All work

Product · 2026

This portfolio

Designed and built in public with AI pair-programming. Type-safe routing, server rendering and edge deployment.

This portfolio screenshot
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

  1. 01Content model separated from presentation: each project is a typed data entry that generates its own case study page.
  2. 02Minimal design system: two typefaces, one accent colour, light and dark themes.
  3. 03Keyboard-first navigation with a ⌘K command menu.
  4. 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