Case Study · 2025

Developer Portfolio

A minimal, fast, accessible portfolio site

HTML5Tailwind CSSVite
Developer Portfolio cover

Overview

The site you're looking at right now. A premium portfolio built with TanStack Start, React, and Tailwind — fast, restrained, and confident in its typography and spacing.

The Challenge

Build something that feels distinct from the typical AI-generated portfolio template — fast, restrained, and confident in its typography and spacing, while supporting both light and dark themes.

The Solution

I started from a strict type and spacing scale, used a single accent color, and kept motion subtle. Every section earns its place; nothing is decorative for the sake of it. Theme switching uses Tailwind's class-mode dark variant with localStorage persistence.

Key Features

  • TanStack Start with file-based routing and SSR
  • Responsive from 320px to ultra-wide displays
  • Light/dark theme toggle with localStorage persistence
  • Semantic markup with full keyboard navigation
  • Per-project detail pages with full case studies

Results

  • Lighthouse 100 across the board
  • Clean URLs without .html extensions
  • Used as a template for client work