Echtzeit-Status-Dashboard für ein Hamburger Logistik-Tech-Startup
Übersicht
Worum es bei diesem Projekt geht.
Sie erhalten den bestehenden REST-Endpunkt, der Frachten-Statusänderungen liefert (rund 4 Updates pro Sekunde im Mittel), die Disponent:innen-Persona-Beschreibungen und das Logo-Branding. Wählen Sie zwischen Server-Sent-Events und WebSockets begründet, bauen Sie das Frontend mit Next.js und einem virtualisierten Tabellen-Component (z. B. TanStack Table), implementieren Sie Filter, Spaltensortierung und Suchfunktion. Testen Sie mit synthetischen Lastdaten (1.000 Frachten, 20 Updates pro Sekunde) und mit drei realen Disponent:innen in einer Schicht. Liefern Sie die Webapp, einen Performance-Bericht, eine Architektur-Entscheidungs-Notiz (Architecture Decision Record / ADR) und eine Hand-off-Dokumentation.
Das Briefing
Was Du tust und was Du zeigst.
Wie sieht ein Echtzeit-Status-Dashboard aus, das 400 Frachten mit unter 2 Sekunden Latenz für 5 gleichzeitige Disponent:innen rendert?
Earning criteria — what you'll demonstrate
- Echtzeit-Verbindungen (SSE oder WebSockets) in Next.js sauber integrieren
- Virtualisierte Tabellen mit hoher Datenrate performant rendern
- Architektur-Entscheidungen begründet dokumentieren (ADR)
- Performance-Lasttests gegen reale Nutzungsszenarien fahren
Studienpassung
Wo dies in Dein Studium passt.
Schärft dieselben Fähigkeiten, die Dein Studium von Dir erwartet.
Fähigkeiten
Fähigkeiten, die Du unter Beweis stellst.
Jede taucht auf Deinem verifizierten Zertifikat auf.
Karrieren
Berufe, auf die dies Dich vorbereitet.
Echte Berufsbezeichnungen. Echte Skill-Brücken. Wähle die, die Deinem Werdegang am nächsten kommt.
Karrierewege, die das aufbaut
Kanonische RollenBackend Engineer
Backend-Engineers, die Realtime-Update-Streams aus Lasttest-Perspektive verstehen, bauen API-Schichten, die produktnah skalieren.
Dieses Projekt schärft
- websockets
- rest-apis
- performance-optimization
Noch eine Sache