Blog
Vom Anpfiff bis zum Code: Wie wir mit GitHub Copilot eine WM-App entwickelt haben

Diese Idee, diese App und dieser Beitrag stammen vom Innovationsteam von Randy Pagels, Trish Roberts, Zuhaer Zim und Chad Cross von Xebia
Auf einen Blick
- Was wir entwickelt haben: Eine WM-Tipp-App, mit der Xebianer die Ergebnisse der Spiele vorhersagen, sich in einer globalen Rangliste messen und während des gesamten Turniers mit Kollegen in Kontakt bleiben können.
- So haben wir es entwickelt: Das Team setzte GitHub Copilot während des gesamten Softwareentwicklungszyklus ein, vom Aufbau der Anwendungsstruktur über die Authentifizierung bis hin zur Infrastruktur, den Tests und der Bereitstellung.
- Technologie-Stack: React, TypeScript, Vite, Tailwind CSS, .NET 8, Azure SQL, Entity Framework Core, Azure App Service, Azure Static Web Apps, Bicep und GitHub Actions.
- Einsatz der KI: GitHub Copilot fungierte als KI-Entwicklungspartner und beschleunigte die Implementierung, während die Ingenieure weiterhin für die Architektur, die Validierung, das Testen und die technischen Entscheidungen verantwortlich waren.
- Das Ergebnis: An einem einzigen Xebia Innovation Day gelang es dem Team, eine Idee in eine produktionsreife Anwendung für eine weltweite Belegschaft umzusetzen.
- Das Wichtigste auf einen Blick: KI-gestützte Softwareentwicklung kann Entwicklungsteams dabei unterstützen, schneller voranzukommen, ohne dabei menschliches Fachwissen zu ersetzen oder technische Standards zu beeinträchtigen.
Wie Xebia eine Idee zur Fußball-WM in eine KI-gestützte Anwendung umsetzte
Bei Xebia reservieren wir unseren Mitarbeitern gezielt Zeit, um sich von der Kundenarbeit zu lösen und sich auf Ideen zu konzentrieren, die unsere Zusammenarbeit, unsere Innovationskraft und unser Wachstum verbessern. Wir nennen dies den „Innovation Day“ – eine Gelegenheit, neue Ideen zu erkunden, mit neuen Technologien zu experimentieren und gemeinsam sinnvolle Lösungen zu entwickeln.
An unserem ersten Innovationstag im Jahr 2026 machte sich unser Team daran, etwas zu entwickeln, das von der bevorstehenden FIFA-Weltmeisterschaft inspiriert war. Wir wollten ein Erlebnis schaffen, das unsere weltweite Belegschaft durch eine gemeinsame Leidenschaft für Sport, Gemeinschaft und einen kleinen freundschaftlichen Wettstreit zusammenbringt.
Aus dieser Idee entstand die „World Cup Prediction App“ – eine Plattform, auf der Xebianer weltweit Spielausgänge vorhersagen, sich in einer globalen Rangliste messen und während des gesamten Turniers mit Kollegen interagieren konnten. Die mit AI Copilot Agents entwickelte App verbindet die Spannung von Vorhersagen im Stil des „March Madness“ mit dem Punktesystem der „Super Bowl Squares“ und schafft so ein interaktives Erlebnis, an dem man leicht teilnehmen und das man mit Freude verfolgen kann. Die Teilnehmer erhalten Punkte für die korrekte Vorhersage der Spielsieger, wobei zusätzliche Punkte für die genaue Vorhersage des Endergebnisses vergeben werden.

Wie sieht KI-gestützte Softwareentwicklung in der Praxis aus?
Die App bietet zwar eine unterhaltsame Möglichkeit, Mitarbeiter zu motivieren, doch ihr wahrer Wert liegt darin, zu veranschaulichen, wie moderne, KI-gestützte Softwareentwicklung in der Praxis aussieht. Da sie durchgängig mit GitHub Copilot entwickelt wurde, zeigt sie, wie KI ein einfaches Konzept schnell in eine praktische, skalierbare Lösung verwandeln kann, die das Frontend, die Backend-Dienste und die Cloud-Infrastruktur umfasst.
Bevor Sie sich nun vorstellen, wie jemand „Erstelle mir eine WM-App“ in ein Chatfenster tippt und die Eingabetaste drückt, lassen Sie uns eines klarstellen: So ist es nicht abgelaufen. Es handelte sich hier nicht um „Vibe-Coding“ oder das blinde Übernehmen von KI-generiertem Code. Jede Funktion, jeder API-Endpunkt und jede Infrastrukturkomponente entstand aus durchdachten, sorgfältig formulierten Eingabeaufforderungen und wurde anschließend einer sorgfältigen Validierung, Tests und einer Überprüfung durch Menschen unterzogen. GitHub Copilot war keine Abkürzung – es war ein kompetenter Entwicklungspartner, der den Prozess beschleunigte, während die Entwickler stets die volle Kontrolle behielten.
Wie hat das Entwicklungsteam mit GitHub Copilot gearbeitet?
Wie sah diese Zusammenarbeit denn nun konkret aus?
GitHub Copilot wurde nicht dazu verwendet, anhand einer einzigen Eingabeaufforderung eine einzelne Anwendung zu generieren. Vielmehr wurde es während des gesamten Projekts zu einem Entwicklungspartner, einem KI-Teamkollegen, der dazu beitrug, die Umsetzung zu beschleunigen, während unsere Ingenieure die Architektur steuerten, jede Entscheidung überprüften und die endgültige Lösung verfeinerten.
Welcher Technologie-Stack bildete die Grundlage für die WM-Prognose-App?
Gemeinsam haben wir eine moderne, cloudnative Anwendung entwickelt, wobei wir folgende Technologien eingesetzt haben:
- Frontend: React, TypeScript, Vite und Tailwind CSS
- Backend:.NET 8 Web-API (C#)
- Datenbank: Azure SQL mit Entity Framework Core
- Hosting: Azure Static Web Apps für das Frontend und Azure App Service für die API
- Infrastruktur: Bicep Infrastructure as Code (IaC) für jede Azure-Ressource
- CI/CD: GitHub Actions zum Erstellen, Testen und Bereitstellen der Anwendung
Wie funktioniert die Architektur der WM-Prognose-App?
Der Logikablauf

Inwiefern hat GitHub Copilot den Lebenszyklus der Softwareentwicklung beschleunigt?
Während des gesamten Projekts leistete GitHub Copilot weit mehr als nur Unterstützung beim Verfassen von Code-Schnipseln. Es unterstützte uns über den gesamten Entwicklungszyklus hinweg, unter anderem bei folgenden Aufgaben:
- Alle 104 Spielpläne der FIFA-Weltmeisterschaft 2026 wurden von der offiziellen Turnier-Website abgerufen, wobei sichergestellt wurde, dass die Spieldaten korrekt und aktuell blieben.
- Aufbau des gesamten Entity Framework Core-Datenmodells, einschließlich Benutzer, Übereinstimmungen, Vorhersagen, Beziehungen und Datenbankbeschränkungen.
- Erstellung des vollständigen JWT-Authentifizierungsablaufs, von der Benutzerregistrierung und -anmeldung bis hin zur Absicherung der Prognose-APIs.
- Erstellung aller „Infrastructure as Code“-Dateien von Bicep, die für die Bereitstellung von Azure App Service, Azure SQL, Key Vault, Application Insights und den zugehörigen Ressourcen erforderlich waren. Jede Azure-Ressource wurde per Code bereitgestellt und nicht manuell konfiguriert.
- Erstellung vollständiger GitHub-Actions-Workflows, die die Anwendung bei jedem Commit automatisch erstellen, testen und bereitstellen.
- Unterstützung bei der Diagnose und Behebung eines Problems bei der Bereitstellung in der Produktionsumgebung, das während der Entwicklung aufgetreten ist.
Inwiefern hat die manuelle Überprüfung die Zuverlässigkeit des von KI generierten Codes gewährleistet?
Selbstverständlich wurde der von der KI generierte Code nicht einfach ungeprüft akzeptiert. Jede Funktion, jede Infrastrukturdefinition und jeder Bereitstellungsablauf wurde vom Entwicklerteam überprüft, getestet und validiert.
GitHub Copilot half zudem dabei, Playwright-UI-Automatisierungstests zu erstellen, die alle Bewertungsszenarien abdeckten. Die Tests erzeugten fiktive Spiele, gaben fiktive Vorhersagen und Ergebnisse ein, überprüften die Logik der Rangliste, setzten die Anwendung zurück und wiederholten den Vorgang für jedes Szenario. Dies gab uns die Gewissheit, dass die Anwendung zuverlässig funktionieren würde, bevor wir sie einem weltweiten Publikum aus äußerst wettbewerbsorientierten Xebianern zugänglich machten.

Was haben wir aus der Entwicklung einer Anwendung mit GitHub Copilot gelernt?
Die wichtigste Erkenntnis war nicht, dass GitHub Copilot Softwareentwickler ersetzte. Vielmehr war es die Tatsache, dass es einen Großteil der sich wiederholenden Arbeit zwischen einer Idee und einer produktionsreifen Umsetzung überflüssig machte. Das Team blieb weiterhin für die Architektur, die technischen Entscheidungen, die Validierung und die Qualität verantwortlich, während GitHub Copilot die Umsetzung beschleunigte.
Das Ergebnis? An einem einzigen Innovationstag hat unser Team eine Idee in eine serienreife Anwendung umgesetzt, die Mitarbeiter weltweit sofort nutzen konnten – ein praktischer Beweis dafür, wie KI-gestützte Entwicklung Teams dabei helfen kann, qualitativ hochwertige Software schneller bereitzustellen, ohne dabei Abstriche bei den technischen Standards zu machen.
Verfasst von
Randy Pagels
I am a DevOps Architect and Trainer at Xebia USA. I lead and educate customers in designing and implementing solutions that adhere to industry standards and DevOps best practices.
Unsere Ideen
Weitere Blogs
Contact




