HDR
← Back

Projects

A curated set of products and experiments that best shows how I work.

beef

Case study available

A mobile-first workout tracker built for strength & conditioning. Log sets, track progressive overload, and view exercise progress. Features an AI coach with e1RM tracking, post-workout analysis, personal records board, and Strava integration.

Next.jsSupabaseTypeScriptSports ScienceTailwind CSS
Read case study

TrainingLoad

Case study available

Sports science training load monitor with ACWR gauge, readiness scoring (sleep, soreness, stress, energy, mood), 40+ exercise presets with HR zone tracking, and evidence-based training recommendations. Features RPE distributions, monotony/strain trends, and load-vs-readiness correlation analysis.

Next.jsTypeScriptSports ScienceRechartsData Viz
Read case study

Rep Sensor

Case study available

Computer vision rep counter that runs entirely in the browser. Uses MediaPipe Pose Landmarker to track body landmarks and count reps for squats, push-ups, curls, and more. Zero data leaves the device.

Next.jsMediaPipeComputer VisionFramer MotionTypeScript
Read case study

Code Explainer

Case study available

AI-powered code learning tool with line-by-line annotations, concept tracking with confidence progression, learning stats dashboard with GitHub-style streak calendar, and analysis history. Supports 10 languages. Turns vibe-coding into deliberate learning.

Next.jsTypeScriptAIClaude APIRecharts
Read case study

NZ Real Estate Explorer

Case study available

Interactive rental market data, suburb comparison, and yield calculator for New Zealand property. Combines MBIE Tenancy Services bond data with Stats NZ demographics. Features Mapbox map explorer, market dashboard with trend charts, side-by-side suburb comparison, and gross yield calculator.

Next.jsTypeScriptMapbox GL JSSupabasePostGISRecharts
Read case study

Job Tracker + AI Tools

Case study available

A full-featured job application pipeline with Kanban board, timeline tracking, and three Claude-powered tools — cover letter generator with streaming, job fit analyzer with visual score ring, and tailored interview prep. Built for the job search that funded its own development.

Next.jsClaude APITypeScriptTailwind CSSSSE Streaming
Read case study

Pipeline Demo

Case study available

Multi-step LLM orchestration — visible. Drop in any document and watch a 4-stage AI pipeline run: Extract structured facts, Analyze risks and obligations, Synthesize an executive summary, Generate action items with owners and timelines. Each stage shows timing, token usage, and intermediate output.

Next.jsAnthropic ClaudeLLM OrchestrationTypeScriptTailwind v4
Read case study

RAG Demo

Case study available

Interactive Retrieval-Augmented Generation pipeline — no black boxes. Load documents, run a query, and watch BM25 score each chunk, see which were retrieved and why, then get a Claude Haiku answer with inline source citations. Every step is transparent.

Next.jsBM25Anthropic ClaudeTypeScriptRAG
Read case study

AI Research Agent

Case study available

Ask any research question and watch a 5-step AI agent work in real time: decompose → research each sub-query → analyze → synthesize. Every step streams live with timing, a pulsing trace feed, and a final markdown report in the sidebar. The transparent agentic pipeline.

Next.jsAnthropic ClaudeSSE StreamingAI AgentsTypeScriptResearch
Read case study

AI Code Migrator

Case study available

Paste legacy code and describe your migration target — get a streamed side-by-side diff with the migrated code highlighted and a step-by-step explanation of every change. Presets for common migrations: Redux → Zustand, class → function components, Pages Router → App Router, CommonJS → ESM.

Next.jsAnthropic ClaudeSSE StreamingDeveloper ToolsTypeScriptCode Migration
Read case study