Ausgangsidee
IT-Wissen nicht nur lesen, sondern ausprobieren
Viele Lernangebote erklären Befehle, Netzwerke oder Security-Fälle nur theoretisch. IT Arcade macht daraus kurze Spielsituationen, in denen Entscheidungen direkt eine Wirkung haben.
JavaScript · Netlify · PWA
IT Arcade
16 browserbasierte Spiele rund um ServiceDesk, Terminal, Netzwerke und Cybersecurity. Das Arcade ist ohne Anmeldung spielbar; ein optionales Konto ergänzt Cloud-Spielstand und Bestenliste.
Live auf arcade.forgecode.de
Umsetzung
16 Module mit einem gemeinsamen Profil
Die Spiele reichen von Ticket Hell und Terminal Trainer über Phishing Hunter, Subnet Academy und Incident Commander bis zu Log-Forensik und PC-Reparatur. XP, Credits, Erfolge und tägliche Aufgaben laufen in einem gemeinsamen Karriereprofil zusammen.
Technik
Verwendete Schwerpunkte
Vanilla JavaScriptES-ModuleNetlify Functions
Netlify IdentityNetlify Blobsesbuild
VitestPWA
Konten & Speicherung
Gastmodus bleibt möglich
- Alle Spiele können ohne Registrierung gestartet werden
- Mit Konto werden Spielstände geräteübergreifend gespeichert
- Konflikterkennung verhindert stilles Überschreiben zwischen Geräten
- Bestenliste ist optional und kann im Profil deaktiviert werden
Sicherheit
Mehr als nur eine statische Spieleseite
- Serverseitige Prüfung von Highscores und Fortschritt gegen einfache Manipulation
- Rollenprüfung im Backend, CSRF-Schutz und Content-Security-Policy
- Keine öffentlichen internen Benutzer-IDs in der Bestenliste
- Kontolöschung entfernt Spielstände, Statistiken und das Identity-Konto
Ergebnis
Was der Case zeigt
IT Arcade verbindet Frontend-Entwicklung, serverlose APIs, Authentifizierung, Cloud-Speicherung, Sicherheitslogik und spielerische Nutzerführung in einem Projekt. Gleichzeitig bleibt die Anwendung auch ohne Konto direkt nutzbar.