Work

Selected
projects

01

Standalone Builds

Live sites & apps — each one a focused learning exercise

Parlor

Real-time Multiplayer Game

A private drawing-and-guessing party game for friends — live multiplayer rounds with a calm 'paper & ink' aesthetic, round-end reveal ceremonies, and an end-game stroke-replay gallery.

What it demonstrates

Real-time multiplayer architecture on Cloudflare Durable Objects — server-authoritative game state and WebSocket sync, built test-first with a shared game engine.

ReactTypeScriptCloudflare WorkersDurable ObjectsWebSockets

Questline

Gamified Habit Tracker

A full habit-tracker that frames daily routines as quests — sign in, build streaks, and track progress over time with cloud-synced accounts.

What it demonstrates

Full-stack development with Supabase auth and Postgres, plus motion-driven UI — my first project with a real backend and user accounts.

Next.jsTypeScriptSupabaseTailwindFramer Motion

Frontier Editorial

Editorial Design System

A magazine-inspired layout built around a strong typographic hierarchy and a modular editorial grid.

What it demonstrates

Front-end craft, reusable design systems, and AI-assisted development with Claude.

Next.jsTailwindDesign System

Portfolio Dispatch

Editorial Newspaper

A newspaper-style front page that translates print conventions into a responsive web layout.

What it demonstrates

Front-end layout, design systems, and AI-assisted development with Claude.

Next.jsTailwindTypography

Vinland Saga

Immersive Scroll Experience

An atmospheric scroll experience pairing video and nature imagery with the Vinland Saga theme.

What it demonstrates

Front-end motion, media handling, and AI-assisted development with Claude.

Next.jsTailwindMotion

Vagabond バガボンド

Manga Tribute

A cinematic tribute capturing the ink-and-brush mood of Takehiko Inoue's Vagabond.

What it demonstrates

Front-end craft, design systems, and AI-assisted development with Claude.

Next.jsTailwindDesign

The Climber

Manga Tribute

An atmospheric tribute focused on mood, motion, and vertical storytelling.

What it demonstrates

Front-end craft, design systems, and AI-assisted development with Claude.

Next.jsTailwindDesign

Wes Anderson Posters

Poster Collection

A symmetrical, pastel poster gallery inspired by Wes Anderson's visual signature.

What it demonstrates

Front-end layout, design systems, and AI-assisted development with Claude.

Next.jsTailwindDesign

Grand Line Shop

Fan Storefront Concept

A playful One Piece fan storefront exploring product layout and commerce UI patterns.

What it demonstrates

Front-end commerce layout, design systems, and AI-assisted development with Claude.

Next.jsTailwindCommerce UI

LOGSYNCH

Performance Analytics Tool

A World of Warcraft tool that pulls live combat logs and benchmarks a player's cooldown usage against top-ranked parses.

What it demonstrates

Working with external GraphQL APIs, OAuth authentication, and live server-side data pipelines.

Next.jsTypeScriptGraphQLOAuth

GeoLearnr

GeoGuessr Training App

An interactive globe and image quiz trainer for GeoGuessr country metas, with 135 countries and 6 quiz categories.

What it demonstrates

3D WebGL globe integration, image quiz mechanics, and data-driven UI from structured markdown sources.

Next.jsTypeScriptThree.jsreact-globe.gl

Pencell

Drawing App

A warm, paper-like sketching canvas — freehand drawing with seven colors, three brush sizes, eraser, undo, and multiple papers saved locally.

What it demonstrates

HTML canvas stroke rendering, pointer/touch input handling, devicePixelRatio scaling, localStorage persistence.

Next.jsTypeScriptCanvas API

Marginalia

Nordic Writing App

A beautifully minimal note-taking page — warm cream Nordic design, sage green accent, auto-saved to localStorage.

What it demonstrates

Client-side state management, localStorage persistence, restrained, editorial minimalist UI design.

Next.jsTypeScriptCSS Custom Properties

KULØR

Paint Shop Concept

A Nordic-minimal paint shop where every product is a color-standard card — a quiet bone-paper storefront with a real cart and Stripe-powered checkout.

What it demonstrates

Commerce UI with a server-priced cart and a real Stripe Checkout integration via the REST API (no SDK), with graceful demo-mode fallback.

Next.jsTypeScriptStripeRoute Handlers