Decision
Vanilla, zero build
over a React/Next framework
No bundler means nothing to break, a tiny payload, and a codebase that still runs untouched in five years.
Web · PWA
Career Portal
This site — a zero-build vanilla PWA that scores 95+, meets WCAG AA, and proves its own infrastructure with live data.
95+Lighthouse
0build step / runtime deps
$0/mo hosting
- Vanilla JS
- CSS custom properties
- PWA / service worker
- Cloudflare Pages
- self-hosted fonts
A portfolio that argues its own case
Most portfolios are heavy framework builds that contradict the "I care about performance and reliability" message. I wanted the opposite: a site with no build step, no dependencies, that loads instantly and is accessible by construction — and that proves the infrastructure story instead of just telling it.
So the design system is enforced (a test computes contrast ratios), the metrics are real (read from the homelab feed), and the whole thing deploys as static files.
Static files, a CDN, and a live data hook
Hand-written HTML/CSS/JS deploys to Cloudflare Pages; a service worker makes it a PWA; the pages fetch a live homelab snapshot; and a serverless function handles the contact form.
Source
HTML + CSS + JStoken design system
Delivery
Cloudflare PagesCDN
PWA
service workeroffline cache
Live data
fetch → k3s snapshot
Forms
Azure Function
What I chose, and why
Decision
Tokens with a contrast test
over ad-hoc colors
A unit test parses the token file and fails the build if any text/background pair drops below WCAG AA — accessibility as a gate, not a hope.
Decision
Live metrics
over static screenshots
The home page and dashboard read the real homelab feed, so the infrastructure claims are verifiable, with an honest staleness indicator.
The results
95+Lighthouse score
AAContrasttest-enforced
0Runtime dependencieseslint + serve for local dev only
$0Monthly cost