Tech Stack
Der Stack ist so gewählt, dass er zum Projekt passt: erweiterbar, reduzierbar und ohne unnötige Abhängigkeiten. Mehr dazu unter Webentwicklung.
01 / Project Configurator
Ein kleiner Wizard, der aus wenigen Angaben ein verständliches Projektprofil mit Stack, Fokus und nächsten Schritt erzeugt.
02 / Style Experiments
Dieselben Design-Tokens, andere Stimmung. Der Standardmodus ist „Studio“ – die weiteren Modi sind ein Experiment und wirken auf die ganze Seite.
mode: studio // css variablen live gewechselt
03 / Before After
Ein direkter Vergleich für visuelles Redesign, Art Direction und UI-Polish.
Funktional, aber austauschbar. Wenig Charakter, wenig Erinnerung.
Klare Struktur, ruhige Typografie, starke visuelle Identität.
04 / Mini Shop Demo
Eine kleine E-Commerce-Demo: Varianten, SKU, Preisberechnung und ein Demo-Warenkorb – nachvollziehbar ohne Backend.
Demo-Cart – keine Bestellung, keine Zahlung, keine Datenübertragung.
05 / SKU Generator
Aus Farben und Größen werden automatisch Varianten und SKUs. Genau diese Logik steckt hinter skalierbaren Shops.
0Varianten 4Farben 4Größen
Noch keine Varianten generiert.
06 / API Flow Visualizer
Eine Visualisierung technischer Abläufe: vom Frontend über Produktdaten und Shop bis zur Zahlung und Benachrichtigung.
07 / Interactive Terminal
Optionaler Spaß für alle, die es ausprobieren wollen. Bekannte Befehle:
help, about, projekte,
leistungen, stack, kontakt,
spiele, briefing, clear.
Alles optional: Die Seite funktioniert vollständig ohne das Terminal.
Zwei kleine Browsergames als privates Projekt – bewusst mit eigener Optik und ohne Einbindung in diese Seite.
Ein kleines Daten-/Arcade-Experiment: schneller Lauf, Hindernisse und Punkte – gebaut als technische Spielerei im Browser.
Data Runner öffnenEin persönliches Browsergame: Arcade-Shooter mit Pixel-Optik, Tastatur- und Touch-Steuerung.
Geeksteroids öffnen