STACK
JavaScript, CSS, JSX, React, Redux, React-DND, React Router, WebSocket, TypeScript.
ЦЕЛЬ ПРОЕКТА
Oсвоить технологии React, Redux, React Router, WebSocket, TypeScript и применить приобретенные знания на практике в данном учебном проекте.
ОПИСАНИЕ
Десктопное приложение, в котором можно создать бургер из доступных ингредиентов и заказать его.
Слева - ингредиенты для бургеров. Справа - состав выбранного бургера и его стоимость.
Собрать бургер можно с помощью механизма перетаскивания ингредиентов (drag and drop) с левой части экрана в правую. Также предусмотрена возможность удаления ингредиентов и изменения их порядка в составе бургера.
Главная страницаПри нажатии на карточку с ингредиентом пользователь видит подробную информацию о выбранном ингредиенте. Если обновить страницу после клика, детали ингредиента отобразятся на отдельной странице.
Детали ингредиента
Зарегистрированные пользователи могут оформлять заказы.
Страница входа
С помощью WebSocket загружаются последние 50 заказов бургерной. В реальном времени отображаются статусы заказов. При нажатии на заказ пользователь может увидеть его детали в всплывающем окне, а при обновлении страницы – на отдельной странице.
Страница ленты заказов
ЗАПУСК ПРОЕКТА
npm i
npm run dev