https://github.com/eugenepokalyuk/react-burger
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.
https://github.com/eugenepokalyuk/react-burger
cypress jest react redux typescript websocket yandex-praktikum
Last synced: 5 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/eugenepokalyuk/react-burger
- Owner: eugenepokalyuk
- Created: 2023-06-25T19:43:52.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-06-25T19:37:59.000Z (about 1 year ago)
- Last Synced: 2025-09-29T13:38:08.181Z (9 months ago)
- Topics: cypress, jest, react, redux, typescript, websocket, yandex-praktikum
- Language: TypeScript
- Homepage: https://eugenepokalyuk.github.io/react-burger/
- Size: 13.4 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Каноническая работа Stellar Burger
[Перейти на сайт](https://eugenepokalyuk.github.io/react-burger/)
# Данный проект был разделен на 3 модуля:
## Модуль 1. React и Redux
Создание простой заготовки React-приложения с помощью CRA, выполнили его отладку с применением плагина React DevTools. Выяснили, что такое «состояние» в терминологии современных фреймворков и библиотек. Научились работать с одной из самых популярных библиотек для хранения состояния — Redux.
## Модуль 2. Роутинг, безопасность и TypeScript
В этом модуле настроили роутинг в SPA-приложении и создали динамические маршруты. Применили навыки работы с основными хуками в React Router. Использовали процессы аутентификации и авторизации пользователей — так, чтобы доступ к определённым действиям и страницам приложения был только у авторизованных пользователей. Типизировали React-приложение с помощью TypeScript.
## Модуль 3. Протокол WebSocket и деплой приложения
Реализовали соединение с сервером в режиме реального времени с использованием протокола WebSocket. Применили разные подходы (Jest, Cypress) к тестированию, использовали автоматизированное тестирование приложения.
## Скриншоты приложения
