Work

Selected
projects

01

Standalone Builds

Live sites & apps — each one a focused learning exercise

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