Web Engineering 2026

Personal Portfolio

High-performance personal engineering portfolio built with SvelteKit 5 runes, Tailwind v4, tactile developer telemetry instruments, and circular view transitions.

Role Fullstack Designer & Developer
Timeline Personal project
Year 2026
Category Web Engineering
Real browser screenshot of Personal Portfolio (Dark Mode)
Live Capture

Tools & technologies

SvelteKit 5TypeScriptTailwind v4Telemetry
Lighthouse score 100
Theme switch time <16ms

The idea

I wanted a portfolio that conveys engineering rigor before a single word is read. That meant discarding AI templates, avoiding generic card layouts, and building real tactile micro-interactions that feel responsive and intentional.

How it works

Engineered with SvelteKit 5 runes and Tailwind v4. The dual-mode theme engine pairs circular view transitions with GPU-accelerated clip paths. Developer velocity instruments pull live contribution logs and typing speed metrics, rendered as high-density visual telemetry.

Outcome & impact

A high-performance personal flagship that runs at 60fps across mobile and desktop devices, showcasing design systems discipline and frontend craft.