Demo опубликавано на GitHub-pages - ссылка.
В этом межпланетном кафе вы можете сконструировать свой идеальный бургер путем перетаскивания ингреиентов из меню в левой части в корзину в правой части. Также внутри корзины вы можете перемещать ингредиенты в том порядке, в котором вам необходимо. Например, положить хрустящие минеральный кольца сверху мяса бессмертных моллюсков, а потом передумать, и положить колца после мяса. И можете быть уверенными, что в готовом бургере всё будет именно так, ведь заказ отправляется на кухню с точно придуманным вами порядком ингредиентов. После оформления заказа вам лишь останется дождаться его на орбитальной станции.
P.S.: Не исключено, что в действительности космический бургер выглядит именно так 👇
Что было сделано:
Создана разметка сайта при помощи jsx.- Код написан с использованием библиотеки React.
Добавлена проверка PropTypes.- Написана бизнес-логика при помощи Redux.
- Осуществлено перетаскивание ингредиентов из меню в корзину при помощи react-dnd.
- Проект переписан на TypeScript.
- Созданы ленты заказов при помощи WebSocket.
- Оформлен личный кабинет пользователя с возможностью регистрироваться, восстанавливать пароль и менять данные.
- Осуществлен переход по страницам через react-router-dom.
- Проект покрыт ui-тестами и e2e-тестами с использованием Cypress.
В планах
- Сделать мобильную версию.
Скачать проект можно, нажав на кнопку "Code" > "Download ZIP". Запустить проект локально - команда npm start. Задеплоить проект - команда npm run deploy.
Приятного космического аппетита!