Front End Developer
Building clean, performant, and accessible web experiences from Hamburg, DE.
10+ years shipping interfaces that combine technical precision with considered design. Vue, Nuxt, CSS architecture, and the occasional API, always with an eye for what the user actually needs.
Most of that work is architectural: how a system is cut, which trade-offs are worth making, and where I refuse to move. Accessibility, privacy and test coverage fall in that last category. I direct implementation more than I hand-write it.
Recipes are treated as repositories. You branch a dish, commit changes as full snapshots, fork someone else's version, and open a diffable GourMerge Request to propose your edits back. 69 API endpoints across 28 tables, with passkey auth and four languages.
Full GDPR self-service built on a GitHub-style ghost tombstone account, so hard-deleting a user never breaks referential integrity.
Nuxt 4.5 · Vue 3.5 · Drizzle ORM · MySQL 8.4 · TipTap 3 · Playwright
A Kanban board, analytics and backups for job hunting, all running in the browser. Applications live in IndexedDB, PDF attachments in OPFS. A posting fills the form from a PDF, from pasted text or from a link, and the board exports a proof of applications for the German employment agency as a print-ready PDF or a spreadsheet.
Audited against WCAG 2.2 AAA rather than AA, via automated axe-core scans across every route, theme and viewport.
SvelteKit 2 · Svelte 5 Runes · Dexie 4 · IndexedDB + OPFS · axe-core · PWA
Players roulette their way to a dream team from historical national squads spanning 1960 to 2024, then play out groups, knockouts and a final. Ten languages, shareable results and a leaderboard behind rate-limited server routes.
Runs on a self-built data pipeline that assembles a roughly 4,600-player database from Wikipedia and an external football data source.
Nuxt 4 · Pinia · Nuxt UI v4 · MySQL · i18n · 10 locales · Playwright
The official gesetze-im-internet.de still serves its pages without a phone layout. LawNetz mirrors its complete stock into MySQL, 6,130 statutes and regulations plus the 135 English translations from the Federal Ministry of Justice, and renders it server-side with a responsive layout, in-browser full-text search, both themes and Gmail-style keyboard shortcuts. A delta sync checks each law with a conditional HEAD request and downloads only what changed.
Held to WCAG 2.2 AAA in CI, not AA: axe-core scans every route in both themes with the 7:1 enhanced-contrast rule switched on.
Astro 7 SSR · Drizzle ORM · MySQL · Pagefind · axe-core · Passenger
Guess the footballer from progressively revealed career stats, transfers and nationality.
Nuxt 4 · better-sqlite3 · Valibot · Puppeteer
Interactive dashboard for German domestic intelligence statistics on politically motivated crime.
Next.js 16 · React 19 · Recharts 3 · SSG
Search and explore a downloaded Twitter/X export locally, with nothing uploaded.
Vue 3 · Vite 8 · zip.js · Tailwind CSS 4 · vue-i18n
CLI and web tool that bulk-deletes Threads posts through Meta's official API.
Node.js · Express 5 · Commander · Docker · Jest
Pure-CSS framework rooted in the golden ratio, with zero JavaScript runtime.
CSS Layers · oklch() · Container Queries · @scope
Retro 2D tower-control game played by mouse, keyboard or voice across five schematic airfields, with flight plans, pushback and emergencies. Every input becomes a radio call and goes through the same parser.
Vanilla TypeScript · Canvas 2D · Web Audio · Vosk + Piper (WASM) · Playwright + axe
10+ years of building for the web, from apprenticeship to senior frontend.
Have a project in mind or just want to chat? I'd love to hear from you.