Engineering

Produkte mit expliziten Regeln und sichtbaren Nachweisen.

Ich arbeite an Java-Microservices, typisierter Frontend-Architektur, nativen Android-Produkten und dokumentenbasierten KI-Workflows. Der gemeinsame Nenner sind explizite Zustände, robuste Grenzen und Software, die ihr Verhalten nachvollziehbar macht.

Die folgenden Projekte trennen umgesetztes Verhalten klar von späterem Umfang und belegen ihre Architektur durch Verträge, Tests und operative Nachweise.

Hervorgehobenes Engineering-Projekt

Fertiggestelltes System

LedgerFlow

Eine vollständige Java-Microservice-Plattform für einen robusten, eventual-consistent Banktransfer-Workflow.

Systemdesign, Backend-Entwicklung und Operations-UI

  • Account-, Transfer-, Risk- und Notification-Services mit eigener PostgreSQL-Datenhaltung und abgesichertem Workflow-Zustand umgesetzt.
  • Kafka-Orchestrierung mit Transactional Outboxes, idempotenten Consumern, Reservierung, Settlement, Kompensation und Redis-basierten Schutzmechanismen entwickelt.
  • Keycloak-Autorisierung, Observability, generierte API-Clients, eine rollenbasierte React-Konsole und Real-Stack-Playwright-Verifikation ergänzt.

Die Phasen 0–5 sind umgesetzt. Produktionsdeployment, reale Bankintegrationen und regulatorische Zertifizierung bleiben bewusst außerhalb des Portfolio-Umfangs.

LedgerFlow-Transferlebenszyklus von Pending bis Completion oder kompensierter Ablehnung

Java 25 · Spring Boot · Kafka · PostgreSQL · Redis · Keycloak · React · Playwright

Ausgewählte Systeme

Backend-, Android-, Frontend- und KI-Produktentwicklung

Tip-Tracker-Dashboard mit Monatseinnahmen, Arbeitszeit und letzten Schichten

Native Android-App

Google-Play-Vorbereitung

Tip Tracker — Earnings Log

Ein offline-first Schicht- und Einnahmenjournal für Kuriere, Gastronomie, Freelancer und Menschen mit mehreren Jobs.

Produktdesign und native Android-Entwicklung

  • Schnelle barrierearme Schichterfassung mit Job-Presets, gekoppelten Auswahlrädern, Pausen, Abzügen, Trinkgeld und verlässlicher Stundenlohn-Berechnung gestaltet.
  • Lokale Persistenz mit Room-Migrationen und DataStore sowie Kalender-Historie, Monatsauswertungen und konfliktfreies Bearbeiten umgesetzt.
  • Private deutsch/englische A4-Stundenzettel lokal erzeugt und die Produktarchitektur ohne Konto- oder Trackingpflicht auf einen Google-Play-Release vorbereitet.

Kotlin · Jetpack Compose · Room · DataStore · Hilt · Coroutines · Material 3

3D-Betriebssimulation

Dokumentierter Build

Physical Ops Simulator

Eine browserbasierte Discrete-Event-Simulationsplattform für physische Serviceabläufe, zunächst für Cafés und Quick-Service-Restaurants.

Systemdesign, Simulationsentwicklung und 3D-Produktentwicklung

  • Ein editierbares 3D-Betriebsmodell mit persistierter Geometrie, operativen Stationen, Rezepten, Personalanforderungen und versionierten Projektschemata aufgebaut.
  • Deterministische SimPy-Simulation für Kunden, Warteschlangen, Personal und räumliche Bewegung hinter FastAPI-Verträgen umgesetzt, während das Rendering bewusst nicht autoritativ bleibt.
  • Hindernisbewusstes Pathfinding, Stau- und Laufwegmetriken, wiederverwendbare Café-Fixtures, End-to-End-Verifikation sowie Frontend-/Backend-Quality-Gates ergänzt.

React · TypeScript · Three.js · React Three Fiber · Python · FastAPI · SimPy · Playwright

Migration einer Editorial-Plattform

Live

blog.okdere

Eine eigenständige Editorial-Anwendung, die eine langjährig betriebene Blogger-Seite ersetzt hat und dabei historische URLs sowie die Suchkontinuität bewahrt.

Produktarchitektur, Migrationsentwicklung und Full-Stack-Umsetzung

  • Einen deterministischen Blogger-Import mit exakter Beibehaltung historischer Pfade umgesetzt, damit bestehende Artikel während und nach der Migration erreichbar bleiben.
  • Supabase Postgres/Auth/Storage mit RLS, serverseitiger Admin-Autorisierung, moderierten Kommentaren, Rate Limiting und privatem TipTap-Authoring entworfen.
  • Robusten Snapshot-Fallback, Noindex-Grenzen für Previews, getrennte Production-Analytics, serverseitig erzeugte Story Cards, URL-Validierung, Tests, Build-Checks und dokumentierte Cutover-Abläufe ergänzt.

Next.js 16 · React 19 · TypeScript · Supabase · TipTap · Vercel

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

  • Normalisierte Open-Meteo-Daten auf begrenzte Shader-Uniforms abgebildet.
  • Den Renderer mit explizitem Lifecycle-Cleanup außerhalb von React gehalten.
  • Barrierearme Suche, Geolocation, Einheiten und robustes Forecast-Caching umgesetzt.

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