Tech Demo
Find my next Co-op
Wähle deine Plattform, markiere Games die dir gefallen haben, und lass die KI euer nächstes Coop-Abenteuer finden.
Unter der Haube
Gemini API
Die Empfehlungen kommen von Google Gemini 3.1 Flash Lite. Der System-Prompt ist auf Englisch formuliert (LLMs verstehen englische Instruktionen besser) und erzwingt eine deutsche Antwort mit korrekter Grammatik.
SSE Streaming
Die KI-Antwort wird Token für Token gestreamt. Serverseitig nutzt ein PHP Generator (yield) die Symfony StreamedResponse, clientseitig liest ein ReadableStream die Server-Sent Events und baut DOM-Elemente inkrementell auf.
IGDB API (Twitch)
Game-Daten (Cover, Genres, Plattformen) kommen von der IGDB API. Authentifizierung läuft über die Twitch-Plattform. Die Vorauswahl-Games werden in einem einzigen Batch-Request geladen statt einzeln — das spart API-Calls und beschleunigt den Seitenaufbau.
Stimulus Controller
Der gesamte Flow (Plattform, Spieleranzahl, Game-Auswahl, Suche, Submit) wird von einem einzigen Stimulus Controller gesteuert. Debounced Autocomplete, XSS-Schutz für externe API-Daten und inkrementelles DOM-Rendering beim Streaming.
1. Plattform wählen
2. Wie viele Spieler?
3. Welche Games magst du?
Suche nach deinen Lieblingsspielen oder wähle aus den Vorschlägen.