Home
All projects

Stellar Burger

Space burger constructor with real-time orders

Role

Frontend developer

Year

2023

Stack

ReactTypeScriptRedux ToolkitWebSocketJestCypress

The task

Build a production-grade SPA for the certification track at Yandex Practicum: a burger constructor with drag-and-drop, full auth cycle, and a real-time order dashboard — with test coverage a reviewer can't argue with.

Stages

01

State design

Modeled the app state in Redux Toolkit with normalized slices; drag-and-drop implemented with react-dnd and optimistic updates.

02

Real-time layer

WebSocket middleware streams the global and personal order feeds; token refresh handled transparently for protected routes.

03

Testing

Jest unit tests for reducers and selectors, Cypress e2e for the critical order flow — green pipeline before every merge.

The results

100%

of critical flows covered by e2e

WS

live order feed without polling

A

certification grade

Screens