Stellar Burger
Weltraum-Burger-Konstruktor mit Echtzeit-Bestellungen
Rolle
Frontend-Entwickler
Jahr
2023
Stack
ReactTypeScriptRedux ToolkitWebSocketJestCypress
Die Aufgabe
Eine SPA auf Produktionsniveau für die Zertifizierung bei Yandex Practicum bauen: Burger-Konstruktor mit Drag-and-Drop, vollem Auth-Zyklus und Echtzeit-Bestell-Dashboard — mit Testabdeckung, an der kein Reviewer etwas auszusetzen hat.
Die Phasen
State-Design
Den App-State in Redux Toolkit mit normalisierten Slices modelliert; Drag-and-Drop mit react-dnd und optimistischen Updates.
Echtzeit-Schicht
WebSocket-Middleware streamt globale und persönliche Bestellfeeds; Token-Refresh läuft transparent für geschützte Routen.
Testing
Jest-Unit-Tests für Reducer und Selektoren, Cypress-E2E für den kritischen Bestellflow — grüne Pipeline vor jedem Merge.
Die Ergebnisse
der kritischen Flows mit E2E abgedeckt
Live-Bestellfeed ohne Polling
Zertifizierungsnote