CodeFlow
CodeFlow ist eine gamifizierte Webplattform zum praktischen Programmierenlernen. Nutzer lösen algorithmische Aufgaben direkt im Browser, schreiben und starten JavaScript- oder TypeScript-Code, durchlaufen automatische Tests und erhalten Hinweise. Die Plattform vereint Code-Arbeitsbereich, Aufgabenkatalog nach Themen und Schwierigkeitsgrad, persönliche Statistiken, Erfolge, Lernmodule, Tagesziele und Schülerrangliste.
Herausforderung
Zu wenig Praxis: Einsteigern fehlt oft eine verständliche Umgebung zum regelmäßigen Lösen von Aufgaben und sofortigen Prüfen von Code. Fehlende Motivation: Lernen ohne sichtbaren Fortschritt, Ziele und Belohnungen wird leicht unterbrochen. Schwierige Entwicklungsverfolgung: Lernende können Niveau, Aktivität und Themen mit mehr Aufmerksamkeitsbedarf schwer einschätzen. Zersplitterte Werkzeuge: Aufgaben, Code-Editor, Tests und Statistiken befinden sich meist in verschiedenen Diensten. Geringe Beteiligung: Selbstständiges Lernen kann ohne Community und gesunden Wettbewerb isoliert sein.
Lösung
Einheitlicher Lernraum: integrierter Code-Editor, Konsole, automatische Prüfung und Hinweise in einer Oberfläche. Strukturierter Aufgabenkatalog: Filterung nach Themen und Schwierigkeitsgrad sowie schrittweise Freischaltung neuer Aufgaben. Persönliche Analysen: Statistiken zu gelösten Aufgaben, Zeit im Code, Lernserien und Modulfortschritt. Gamification: Tagesziele, XP, Erfolge, Aktivitätsserien und Schüler-Rangliste fördern regelmäßige Praxis. Soziale Motivation: Bestenliste erlaubt den Vergleich von Ergebnissen und Aufstieg im Ranking.
Technologie-Stack
Backend
.Net Core
С#
REST APIFrontend
React
NextJs
TypeScript
Redux ToolkitDatenbank
EF Core
PostgreSQLTools
Git
Docker
