Stellar Burger
Конструктор космических бургеров с заказами в реальном времени
Роль
Frontend-разработчик
Год
2023
Стек
ReactTypeScriptRedux ToolkitWebSocketJestCypress
Задача
Собрать SPA продакшен-уровня для сертификации в Яндекс Практикуме: конструктор бургеров с drag-and-drop, полным циклом авторизации и дашбордом заказов в реальном времени — с тестовым покрытием, к которому не придерётся ревьюер.
Этапы
Проектирование состояния
Смоделировал состояние приложения на Redux Toolkit с нормализованными слайсами; drag-and-drop на react-dnd с оптимистичными обновлениями.
Real-time слой
WebSocket-middleware стримит общую и личную ленты заказов; обновление токенов прозрачно обрабатывается для защищённых роутов.
Тестирование
Юнит-тесты Jest для редьюсеров и селекторов, e2e на Cypress для критичного сценария заказа — зелёный пайплайн перед каждым мержем.
Результаты
критичных сценариев покрыто e2e
живая лента заказов без поллинга
оценка сертификации