Ausgewählte Builds und die Probleme, die ich gern löse.

Diese Seite – gebaut, um Next.js wirklich richtig zu lernen, statt nur darüber zu lesen, und um was Eigenes online zu haben statt eines Templates. Alles läuft im BMW-M-/Racing-Theme, bis ins kleinste Detail.

• Selbstgebautes BMW-M-Livery-Theme und Animationen auf jeder Seite, nicht nur auf der Startseite
• Die echte Streckengeometrie der Nürburgring-Nordschleife für die Timeline-Karte auf /experience nachgezeichnet
• Ein paar versteckte Easter Eggs, unter anderem eine Launch-Control-Sequenz und ein kleines Race-Minigame

Eins meiner ersten Projekte, vor Kurzem komplett neu gebaut. Jedes Feature ist ein eigener Cog, der automatisch geladen wird – was Neues hinzufügen heißt also einfach: Datei in einen Ordner legen.

• Ticket-Panel mit Claim-/Close-Buttons – geschlossene Tickets werden als .txt-Transkript archiviert
• Audit-Log für Joins, Leaves, gelöschte und bearbeitete Nachrichten, mit Wort-für-Wort-Diff bei Edits
• Einstellungen pro Server über /config, die Neustarts überleben
• Minigames wie Schere-Stein-Papier, Zahlenraten und ein Tipp-Speedtest, der Copy-Paste erkennt

Hat als Blog-Idee angefangen und ist stattdessen ein kleiner privater Social Feed geworden. Es gibt keine öffentliche Registrierung – rein kommst du nur über einen Einladungslink, damit es unter Freunden bleibt. Beiträge können ein paar Fotos sein oder nur Text, und alles landet in einem gemeinsamen Feed.

• Login nur auf Einladung, mit Profilbild, Banner und einem Raster deiner eigenen Beiträge im Profil
• Beiträge mit mehreren Fotos oder nur Text, alles in einem gemeinsamen Feed
• Bis zu 3 Reaktionen pro Beitrag mit deinen eigenen Stickern
• Kommentare mit Antworten – und Reaktionen gibt's auch auf Kommentare
• Foto-Karussell, das du am PC durchblättern kannst, plus Vollbild mit Zoom
• Ein gemeinsames Pet namens Luni, das alle zusammen füttern und streicheln – mit Streak, solange sich jeden Tag jemand kümmert

Eine Karteikarten-App, mit der du eigene Karten erstellst und lernst – gebaut als Praxisprojekt während meines Studiums an der DHBW, mit echtem Postgres-/Drizzle-Backend statt nur lokalem State.

• Kartenübersicht, um eigene Karteikarten-Sets zu erstellen, zu bearbeiten und zu löschen
• Lernmodus mit Flip-Animation, Fortschritt wird pro Karte gespeichert
• Login/Registrierung, damit Karten und Fortschritt auf allen Geräten mitkommen

Zuerst für mich selbst gebaut, mit der Berufsschule als Hauptanwendungsfall. Die Startseite ist ein One-Pager: in der Mitte eine Live2D-Figur, drumherum die Daten des Tages als Satelliten. Alles Schulische hängt an seinem Lernfeld. Nur ein User, Login nur über GitHub – deshalb ist das Repo auch privat.

• One-Pager mit Live2D-Figur, die der Maus folgt, und den Tagesdaten drumherum – Countdown zur nächsten Prüfung, Stundenplan, 14-Tage-Timeline
• Begrüßung und Tagesbrief zum Vorlesen über die Web Speech API, Todos per Diktieren erfassen
• Notizen kommen direkt aus meinem Obsidian-Vault, inklusive Wiki-Links, Bildern und Callouts
• Erfolge als Graph im Stil der Obsidian-Graph-Ansicht, mit d3-force auf Canvas gezeichnet
• Wetter für Offenburg, privater Dateispeicher und Seiten pro Fach mit Dateien, Todos, Terminen und Notenschnitt

Lernprojekt. lunagraph indexiert ein Projekt einmal in eine SQLite-Datei – wer importiert was, später auch wer ruft was und welche Route welche Tabelle anfasst. Am Ende soll ein MCP-Server das Ganze für Claude Code abfragbar machen. Getestet wird gegen LUNAS OS.

• Phase 1 steht: Files und Imports werden indexiert, inklusive @/-Alias und Barrel-Files
• Gegen LUNAS OS: 52 Files und 228 Import-Kanten in unter einer halben Sekunde, keine unaufgelösten Imports
• Als Nächstes: Symbole und Aufrufe, Next.js-Routes und Drizzle-Tabellen, dann der MCP-Server

Kommt als Nächstes. Ein kleiner Ingest-Service liest die Live-Telemetrie aus dem Shared Memory von LMU, schreibt jede Runde in Postgres, und ein Next.js-Frontend zeigt Rundenvergleiche. Verbindet mein Sim-Racing-Hobby mit dem, was ich in der Arbeit mache: Backend, Datenmodell und viele Schreibzugriffe.