Skip to content

The web application allows you to order unique burgers of your own assembly. The burgers are created by dragging and dropping ingredients into the burger builder area and placing an order, information on ingredients can be opened by clicking on an item, all orders are tracked in real time, you can view the history of all orders in the order feed.

Notifications You must be signed in to change notification settings

eugenepokalyuk/react-burger

Repository files navigation

Каноническая работа Stellar Burger

Перейти на сайт

Данный проект был разделен на 3 модуля:

Модуль 1. React и Redux

Создание простой заготовки React-приложения с помощью CRA, выполнили его отладку с применением плагина React DevTools. Выяснили, что такое «состояние» в терминологии современных фреймворков и библиотек. Научились работать с одной из самых популярных библиотек для хранения состояния — Redux.

Модуль 2. Роутинг, безопасность и TypeScript

В этом модуле настроили роутинг в SPA-приложении и создали динамические маршруты. Применили навыки работы с основными хуками в React Router. Использовали процессы аутентификации и авторизации пользователей — так, чтобы доступ к определённым действиям и страницам приложения был только у авторизованных пользователей. Типизировали React-приложение с помощью TypeScript.

Модуль 3. Протокол WebSocket и деплой приложения

Реализовали соединение с сервером в режиме реального времени с использованием протокола WebSocket. Применили разные подходы (Jest, Cypress) к тестированию, использовали автоматизированное тестирование приложения.

Скриншоты приложения

About

The web application allows you to order unique burgers of your own assembly. The burgers are created by dragging and dropping ingredients into the burger builder area and placing an order, information on ingredients can be opened by clicking on an item, all orders are tracked in real time, you can view the history of all orders in the order feed.

Topics

Resources

Stars

Watchers

Forks