Im Browser spielen
Moto Grand Prix
Ein Drei-Runden-Motorradrennen aus der Vogelperspektive gegen drei KI-Fahrer. Vor der Kurve bremsen, einlenken, überholen — wer in voller Schräglage aufs Gras kommt, stürzt.
Racing
Web-App
Slipstream — Bar-Website mit Reservierungen, Events und Browserspielen
Eine komplette Website für eine Motorsport-Bar (Demo mit fiktiver Marke): Kundenkonten, Tischreservierungen mit Spielebibliothek, Event-Anmeldungen, ein No-Code-Managerpanel und drei integrierte 2D-Spiele.
In Entwicklung2026Gastronomie
Überblick
Überblick
Slipstream ist eine vollständige Website für eine Motorsport-Bar. Sie geht weit über eine Präsentationsseite hinaus: Gäste legen Konten an, reservieren Tische zusammen mit einem Brettspiel aus der Spielebibliothek, melden sich für Events an und treten in drei Browserspielen gegeneinander an — Manager steuern alles über ein No-Code-Adminpanel.
Highlights
- Tischreservierungen mit konfigurierbarer Kapazität, Dauer, Zonen, Vorlaufzeit und Auto-Bestätigung; die Datenbank verhindert Überbuchungen von Tischen und Spielen.
- Events mit Platzlimit, Limit pro Buchung, Ticketlinks, Check-in am Eingang und Excel-Export.
- Managerpanel: Texte und Bilder, Öffnungszeiten (auch nach Mitternacht), Kontakt, Speisekarte, Galerie, Bestenlisten, Nutzer und Rollen, Rechtstexte — ohne Code.
- Drei 2D-Spiele, von Grund auf mit HTML5 Canvas entwickelt: Moto Grand Prix, Rallye und Grand Theft Slipstream — mit Bestenlisten für Kontoinhaber und Gäste.
- DSGVO by Design: Datenexport und -löschung für Kunden, Cookie-Hinweis, Vorlagen für Datenschutz/AGB/Cookies und eine OpenStreetMap-Karte, die nur auf Wunsch lädt.
- Null Betriebskosten: statisches Hosting plus Supabase-Free-Tier, Sicherheit per Row-Level-Security direkt in der Datenbank.
Ausprobieren
Name, Adresse und Kontaktdaten in der Demo sind fiktiv. Die Live-Demo läuft im Demo-Modus — alle Daten bleiben nur in Ihrem Browser. Sie können also gefahrlos ein Konto anlegen (in der Demo wird das erste Konto Administrator) und das Managerpanel erkunden. Die Spiele lassen sich auch direkt im Spielebereich spielen.
Screenshots
Fallstudie
Herausforderung
Die Bar brauchte mehr als eine Speisekarten-Seite: eine Möglichkeit, ruhige Abende zu füllen, Events und Brettspiele ohne Doppelbuchungen zu verwalten und Stammgästen einen Grund zum Wiederkommen zu geben — ohne monatliche Softwarekosten und ohne dass das Personal Code anfassen muss.
Lösung
Ein abhängigkeitsfreies statisches Frontend (HTML-, CSS- und JavaScript-Module) mit Supabase im Hintergrund. Alle Geschäftsregeln — Kapazität, Spielexemplare, wer eine Buchung bestätigen darf — werden in PostgreSQL per Row-Level-Security durchgesetzt und lassen sich im Browser nicht umgehen. Ein Demo-Backend mit identischer Schnittstelle lässt die ganze Website offline laufen. Die Spiele teilen sich eine kleine eigene Engine (Strecken-Splines, Kamera, Input, synthetischer Motorsound) und bleiben dadurch leicht.
Ergebnisse
Ein vollständiges, dokumentiertes Produkt, das in etwa zehn Minuten kostenlos auf GitHub Pages oder Cloudflare Pages bereitgestellt werden kann. Manager verwalten Events, Reservierungen, Spielebibliothek, Speisekarte und Rechtstexte selbst. Die drei Spiele starten sofort im Browser auf Desktop und Mobilgeräten — probieren Sie sie auf dieser Website aus.
Unsere Rolle
Konzept, UX und visuelles Design, Frontend- und Datenbankentwicklung, Sicherheitsrichtlinien, Spieldesign und -programmierung, Dokumentation.
Spiele aus diesem Projekt
Im Browser spielen
Rallye — Wertungsprüfung
Eine Rallye-Wertungsprüfung gegen die Uhr auf Asphalt, Schotter und Schnee. Hör auf den Aufschrieb deines Beifahrers und nutze die Handbremse in engen Spitzkehren.
Racing
Im Browser spielen
Grand Theft Slipstream
Eine 2D-Open-City im Cartoon-Stil: Figur erstellen, Taxi fahren, Pizza mit dem Roller liefern, Schichten in der Bar arbeiten — oder Risiken eingehen und die Polizeisterne im Blick behalten.
Open world
Änderungsprotokoll
v1.0
Komplette Website mit Reservierungen, Spielebibliothek, Events, Managerpanel und drei Browserspielen.
Etwas Ähnliches gesucht?
Wir bauen ein solches Projekt passend zu Ihren Zielen, Inhalten und Ihrem Budget.