Portfolio

2026

Personal website built for speed, clean typography, and subtle micro-interactions. Zero bloated dependencies, 100% responsive and accessible.

Overview

The portfolio was engineered as a lightweight, aesthetic hub to showcase projects, social links, and experiments. Built from scratch with modern web standards, it delivers near-instant page transitions, adaptive system theming, and smooth motion designed around reduced-motion accessibility guidelines.

How It Works

01 / Framework

SvelteKit & Svelte 5 Runes

Built using Svelte 5's fine-grained reactivity ($state, $props). Compiles down to minimal JavaScript with zero virtual DOM overhead.

02 / Styling

Tailwind CSS v4 & OLED Black

Configured with Vite and Tailwind v4. The system automatically responds to user OS preferences (prefers-color-scheme) using pure #000000 for deep black contrast.

03 / Edge Delivery

Cloudflare Workers

Hosted globally at Cloudflare's edge using @sveltejs/adapter-cloudflare. Pages and assets are cached and delivered with millisecond latency worldwide.

04 / Micro-interactions

Canvas Physics Confetti

A completely custom HTML5 canvas particle simulation built without external libraries. Automatically accounts for device pixel ratios and respects reduced-motion preferences.

Tech Stack

TypeScriptSvelteKitSvelte 5Tailwind CSS v4Cloudflare WorkersViteWrangler