Case Study · 2025
Developer Portfolio
A minimal, fast, accessible portfolio site
HTML5Tailwind CSSVite
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