Код, архитектура, инфраструктура — от идеи до релиза
- Город
- Омск
- Опыт работы
- 6 лет
- На сайте с
- 2018 года
- Юридический статус
- ИП
Task Manager Web / Waiki — внутренняя система для сотрудников и управляющих ресторанной сети, объединяющая ключевые операционные процессы в одном интерфейсе: задачи, финансы, закупки, отчётность, мониторинг заказов, видеонаблюдение, аналитику и AI-инструменты.
Платформа позволяет управляющим контролировать работу ресторанов, отслеживать KPI, анализировать финансовые показатели, следить за выполнением задач и состоянием заказов, работать с камерами и получать рекомендации на основе данных бизнеса.
Моя роль
Frontend Developer
Разрабатывал frontend-часть приложения на React + TypeScript и участвовал в проектировании архитектуры пользовательских модулей.
В зоне ответственности были:
архитектура экранов и компонентов;
маршрутизация и защищённые разделы приложения;
интеграция с REST API;
управление состоянием через Redux Toolkit;
работа с авторизацией и токенами;
реализация бизнес-логики интерфейса;
интеграция real-time функциональности;
работа с видеопотоками;
интеграция карт;
обработка файлов и изображений;
push-уведомления;
мониторинг ошибок.
Реализованные модули
Финансовая аналитика
Дашборды для анализа показателей ресторанов:
выручка;
количество чеков;
средний чек;
товары в чеке;
динамика показателей;
сравнение периодов;
показатели отдельных ресторанов.
Данные представлены в виде KPI-карточек, таблиц и графиков с фильтрацией по периоду.
Мониторинг ресторанов
Единый раздел для контроля операционных показателей:
текущие показатели;
выручка;
источники выручки;
каналы доставки;
потери;
бонусы;
неоплаченные операции.
Видеонаблюдение и видеоаналитика
Реализован интерфейс работы с камерами ресторанов и видеоаналитическими сценариями:
просмотр камер;
архив видеозаписей;
подсчёт сотрудников;
определение отсутствия кассира;
контроль очередей;
анализ воронки покупателей;
контроль витрины.
Для работы с потоковым видео использовался HLS.js.
Мониторинг заказов и курьеров
Интерактивная карта с отображением заказов и их текущих статусов.
Поддерживаются:
фильтрация заказов;
статусы выполнения;
временные диапазоны;
отображение ресторанов и заказов на карте;
операционный контроль доставки.
Интеграция реализована с использованием Yandex Maps.
AI-аналитика
В приложении реализован AI-модуль для анализа ресторанных данных.
Он позволяет отображать:
операционный пульс ресторана;
прогноз выручки;
выполнение месячного плана;
проблемные позиции меню;
отклонения показателей;
рекомендации на основе данных.
Внутренние инструменты
Также платформа включает модули:
задач;
опросов;
финансов;
закупок;
инвентаризаций;
отзывов;
телефонии;
кассовых интеграций;
внутренних уведомлений.
Технические особенности
Архитектура приложения построена с расчётом на большое количество независимых функциональных модулей.
Использовались:
React · TypeScript · Redux Toolkit · RTK Query · React Router · SCSS Modules · Ant Design · Axios · Socket.IO · Yandex Maps · HLS.js · TensorFlow.js · Tesseract.js · Sentry · Web Push · Workbox
Ключевые технические решения:
lazy loading экранов;
защищённые маршруты;
авторизация по токенам;
интеграция с несколькими backend-сервисами;
REST API;
real-time обновления через Socket.IO;
обработка HLS-видеопотоков;
OCR;
работа с QR-кодами и сканерами;
Web Push;
PWA-функциональность;
централизованный мониторинг ошибок через Sentry.
Получилось единое рабочее приложение, через которое сотрудники и управляющие могут контролировать большую часть ежедневных процессов ресторанной сети — от финансовых показателей и заказов до видеонаблюдения и AI-аналитики.
