aktuell verfügbar für Projekte

Ich baue Web-Software, die hält.

Und ich gehe in die Tiefe, wo es zählt: Systeme, Grafik, die Mathematik darunter.

Freelance-Entwickler aus der Schweiz. Fünf Jahre lang habe ich Kunden-Webprojekte über eine Agentur umgesetzt. Jetzt mache ich das direkt, ohne jemanden dazwischen: Onlineshops, Buchungssysteme, die internen Tools, mit denen dein Team täglich arbeitet. Ich baue sie sauber, damit sie auch lange nach dem Launch halten. Die Demos unten laufen live und zeigen dir genau, wie sie funktionieren, bis hinunter zu den GPU-Kerneln und dem Autograd.

offen für direkte Kundenarbeit und anspruchsvolle Engineering-Rollen Web-Apps · Echtzeit-Systeme · GPU & ML · Grafik

live-demos

05 / 05

Die Technik, in die ich am tiefsten gehe. Von Grund auf gebaut, live im Browser, das Innenleben offen sichtbar.

01 · grafik öffnen →

Reaktions-Diffusion auf der GPU

Eine chemische Gray-Scott-Simulation, die komplett in einem Fragment-Shader läuft, tausende Zellen, die in jedem Frame neu berechnet werden. Zieh an den Feed/Kill-Reglern und sieh zu, wie sich das Muster in Echtzeit von Koralle zu Zellteilung verwandelt.

[ WebGL2 ][ GLSL ][ ping-pong FBO ]
02 · systeme öffnen →

Konfliktfreies kollaboratives Canvas

Ein geteiltes Whiteboard, auf dem alle gleichzeitig zeichnen, ohne verlorene Änderungen. Schalt das Röntgenbild ein und sieh dem CRDT beim Konvergieren zu, geh dann offline, zeichne weiter und sieh, wie sich deine Striche beim Reconnect wieder zusammenfügen.

[ Yjs CRDT ][ WebSocket sync ][ conflict-free ]
03 · daten-vis öffnen →

Schweizer Verkehr, live

Ein Live-SBB-Abfahrtsboard für jede Schweizer Station, das sich alle 25 s aktualisiert. Echte offene Verkehrsdaten, über meinen eigenen VPS geproxyt und gecacht, damit die ratenlimitierte Quelle nur eine Anfrage pro Station sieht.

[ SBB open data ][ VPS proxy + cache ][ 25s polling ]
04 · dev-tool öffnen →

Regex-Visualisierer

Tipp ein Muster: Treffer werden live hervorgehoben, Capture-Gruppen bekommen ihre eigene Farbe, und jedes Token wird in klarem Deutsch erklärt. Das Matching läuft in einem Web Worker mit Timeout, damit es den Tab nie aufhängen kann.

[ hand-written tokenizer ][ Web Worker ][ ReDoS-safe ]

konzept-builds

alle →

Die Art von Projekt, die ich für ein Unternehmen baue. Fiktive Marken, echter Code, echter Checkout im Testmodus.

konzept · e-commerce öffnen →

Föhn Coffee Roasters

Ein Online-Shop für einen fiktiven Röster. Der Warenkorb übersteht einen Reload und bleibt über deine offenen Tabs synchron, und der Checkout ist echtes Stripe im Testmodus. Der alltägliche Shop, so gebaut, wie es sein sollte.

[ cart + localStorage ][ BroadcastChannel sync ][ Stripe test mode ]
konzept · echtzeit-buchung öffnen →

Bergquelle Day-Spa

Ein Buchungsflow für ein fiktives Alpen-Spa. Die Verfügbarkeit aktualisiert sich live in jedem offenen Fenster, jeder Slot wird kurz reserviert, während du dich entscheidest, und eine Doppelbuchung ist schlicht unmöglich. Genau das bekommen die meisten Buchungssysteme nicht hin.

[ WebSocket holds ][ Europe/Zurich slots ][ no double-booking ]
konzept · internes ops-tool öffnen →

Alpweg Service Board

Das interne Tool, mit dem ein fiktives Handwerksteam den ganzen Tag arbeiten würde. Ein dichtes, sofort reagierendes Board über hunderte Aufträge, mit Kennzahlen, die im Moment des Filterns neu rechnen, und Änderungen, die sofort greifen und sich dann gegen den Server bestätigen. Die unglamourösen 80 Prozent echter Software, ernst genommen.

[ derived-state graph ][ optimistic edits ][ instant filter/sort ]
konzept · 3D-hallenplan in echtzeit öffnen →

Limmat Expo

Ein Hallenplan-Explorer für ein fiktives Schweizer Messegelände, gebaut als echte WebGL-Szene. Dreh eine beleuchtete Messehalle, zieh die drei Etagen auseinander, um das ganze Gelände auf einmal zu sehen, und klick einen Stand für den Aussteller. Gerendert mit three.js über Threlte, und ein Frame wird nur gezeichnet, wenn sich etwas ändert.

[ three.js via Threlte ][ runes drive the scene ][ renders only on change ]

/now

Zwei Spuren, mit Absicht. Die eine ist direkte Kundenarbeit, die Software, mit der ein Unternehmen wirklich läuft. Die andere ist, die Technik tiefer zu treiben: GPU-Machine-Learning, Echtzeit-Systeme, Grafik von den Grundbausteinen an. Alles hier läuft live, also ist es Beweis statt Versprechen. Offen für Kundenprojekte und für anspruchsvolle Engineering-Rollen.

© 2026 jDKOderso