Stellar Burger — интерактивный конструктор бургеров (учебный проект, курс React Developer, Яндекс Практикум)

Описание

Полнофункциональное веб-приложение — конструктор бургеров с drag-and-drop интерфейсом, системой заказов и авторизацией. Учебный проект в рамках курса «React Developer» от Яндекс Практикум, реализованный с использованием актуального стека React/TypeScript и подключением к реальному API.

Решение

Реализовал drag-and-drop конструктор бургеров на React DnD — пользователь собирает бургер из ингредиентов с автоматическим подсчётом стоимости. Настроил управление состоянием приложения через Redux Toolkit, маршрутизацию через React Router. Подключил реальное API для оформления заказов и JWT-авторизацию с refresh-токенами (регистрация, вход, восстановление пароля через email). Реализовал ленту заказов с обновлением в реальном времени через WebSocket. Написал unit-тесты на Vitest и React Testing Library, а также E2E-тесты на Cypress. Настроил сборку на Vite, линтинг (ESLint, Stylelint), форматирование (Prettier) и Git-хуки через Husky.

Результат

Полностью рабочее приложение с адаптивным интерфейсом, доступное по ссылке. Проект покрыт unit- и E2E-тестами, настроен CI-friendly пайплайн проверки кода. Демонстрирует владение актуальным стеком: React 19, TypeScript, Redux Toolkit, WebSocket, тестирование.
Ссылка (демо): https://stellar-burger.mocdmi.ru/
Ссылка (GitHub): https://github.com/mocdmi/stellar-burger