Engineering

Systeme, die ihre Grenzen sichtbar machen.

Ich arbeite an Java-Backends, typisierter Frontend-Architektur und dokumentenbasierten KI-Produkten. Der gemeinsame Nenner sind explizite Zustände, überprüfbare Entscheidungen und Software, die ihr Verhalten nachvollziehbar macht.

Die folgenden Projekte trennen umgesetztes Verhalten klar von geplanter Architektur und verarbeiten sensible Workflows lokal, wenn dies sinnvoll ist.

Hervorgehobenes Engineering-Projekt

Dokumentierter Build

LedgerFlow

Ein Java-Microservice-Portfolio-System für robuste Konto- und Ledger-Workflows.

Systemdesign und Backend-Entwicklung

  • Entwicklung eines produktionsnahen Account Service mit unveränderlicher Ledger-Historie und Reconciliation.
  • Einsatz von Ports-and-Adapters, PostgreSQL Row Locking, Flyway-Migrationen und einem OpenAPI-3.1-Vertrag.
  • Dokumentation von Servicegrenzen, Fehlerbehandlung und geplantem ereignisgesteuertem Transfer-Workflow.

Das Diagramm zeigt das dokumentierte Transferdesign. Der Account Service ist funktionsfähig; die übergreifenden Service-Workflows sind weiterhin geplant.

LedgerFlow Transfer-State-Machine aus der Architekturdokumentation

Java 25 · Spring Boot · PostgreSQL · Flyway · OpenAPI 3.1

Ausgewählte Systeme

Frontend-, KI-Produkt- und Interaktionsarchitektur

Berlin-Wettervorhersage als blaue WebGL-Atmosphäre

Interaktives Frontend

Live

Weather with Shaders

Live-Wetterdaten steuern eine eigene WebGL-Atmosphäre, statt nur in einer üblichen Wetterkarte zu stehen.

Frontend-Architektur und WebGL-Rendering

  • Abbildung normalisierter Open-Meteo-Daten auf begrenzte Shader-Uniforms.
  • Trennung des Renderers von React mit explizitem Lifecycle-Cleanup.
  • Umsetzung von barrierearmer Suche, Geolocation, Einheiten und robustem Forecast-Cache.

React · TypeScript · WebGL2 · GLSL · Open-Meteo

Rendering-Labor mit Vergleich zwischen einfachem Context und optimiertem Store

React-Systemexperiment

Live

context-api-but-it-scales

Ein messbarer Vergleich zwischen gemeinsamem React Context und einem selector-basierten externen Store.

State-Architektur und Rendering-Instrumentierung

  • Selector-Abonnements mit useSyncExternalStore umgesetzt.
  • Tatsächliche Component-Renders gemessen, ohne das Ergebnis zu verfälschen.
  • Begrenzte History, sichere Persistenz und schleifenfreie Tab-Synchronisation ergänzt.

React · TypeScript · Vite · Vitest · useSyncExternalStore

Germany Path Finder mit Routenvergleich und Quellen

KI-gestütztes Produkt

Live

Germany Path Finder

Ein lokal-first RAG-Tool zum Vergleich deutscher Aufenthalts- und Karrierewege anhand kuratierter offizieller Quellen.

Produktdesign und Full-Stack-Umsetzung

  • Offizielle Quellenabfrage, Nutzerdaten und KI-Erklärung getrennt.
  • PDF-Verarbeitung, Zitate und explizite Unsicherheitsbehandlung ergänzt.
  • Dokumente und BYOK-Zugangsdaten lokal im Browser gehalten.

React · TypeScript · RAG · IndexedDB · pdfjs · BYOK AI

Admission Fit Checker Dashboard mit extrahierten akademischen Profildaten

Dokumenten-Workflow

Live

Admission Fit Checker

Ein konservativer Zulassungs-Workflow, der akademische Profile extrahiert und mit Programmanforderungen vergleicht.

Produktdesign und Full-Stack-Umsetzung

  • PDF-Extraktion und Tesseract.js OCR für die Profilerfassung kombiniert.
  • Extrahierte Felder vor der Fit-Bewertung überprüfbar gemacht.
  • Lokale Speicherung und KI-Erklärung von der finalen Nutzerentscheidung getrennt.

React · TypeScript · OCR · Tesseract.js · pdfjs · Zod