Веб-платформа для управления операционными процессами ресторанной сети

Веб-платформа для управления операционными процессами ресторанной сети

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-аналитики.