Лакма — заказ кофе
в Telegram

Задача кофейни

«Лакме» нужен был сервис, в котором можно заранее заказать напитки к нужному времени — с самовывозом или доставкой. Для клиента это выбор напитка, понятная сумма и статус заказа. Для кофейни — состав, время получения и следующий шаг в работе.

С владельцем начали с напитков для одной точки. Я разобрал сценарии клиента и сотрудников, согласовал правила оформления и спроектировал весь путь заказа, включая изменение состава, отмену и возврат.

Одно приложение для клиента и кофейни

Основой стал Telegram Mini App: клиент открывает меню из бота и входит через Telegram. В том же приложении сотрудники видят свои рабочие разделы. Доступ к заказам и редактированию меню определяется правами.

Я связал интерфейс, сервер, базу данных и бота. Заказ сохраняется на сервере, а клиент и сотрудник видят его состояние со своей стороны. Бот сообщает о важных изменениях и помогает связаться по заказу.

Выбрать напиток и оформить заказ

В меню можно выбрать категорию, открыть напиток и настроить объём, молоко и сироп. Цена меняется вместе с выбранными добавками. В корзине доступны количество и повторная настройка каждой позиции.

При оформлении клиент выбирает самовывоз или доставку, дату и доступное время. Для доставки указывает дом в поддерживаемой зоне и уточнения адреса; до отправки видит стоимость получения и итоговую сумму.

Для самовывоза оплата открывается после подтверждения сотрудником. В доставке клиент переходит к оплате сразу, а успешный платёж запускает заявку курьеру. В карточке остаются статус, состав, время и доступные действия. Завершённый заказ можно повторить, а связь с сотрудником доступна через бота.

Принять заказ и управлять меню

Для сотрудников я разработал очередь новых, активных и закрытых заказов. В карточке собраны напитки, добавки, сумма, способ и время получения, контакты и действия для текущего этапа.

Самовывоз проходит через подтверждение, оплату, приготовление, готовность и выдачу. Для доставки в заказе отображаются состояние заявки курьеру и ожидаемое время.

В управлении можно менять напитки, фотографии, объёмы, добавки, категории и цены. Стоп-лист позволяет временно убрать недоступную позицию. Право полного редактирования меню отделено от работы с заказами.

Продумать изменения и сбои

Сохранить характер Лакмы

Я адаптировал существующий фирменный стиль кофейни для небольшого экрана: бирюзовые акценты, светлый фон, фотографии напитков и заметные кнопки. Для интерфейса использовал Golos Text.

Основное внимание уделил чтению названий и цен, выбору добавок и доступности следующего действия. Статусы подписаны текстом. На экранах клиента и сотрудника используются общие принципы, а действия зависят от их задачи.

Разработка и запуск

Клиентскую часть написал на React и TypeScript, сервер — на Node.js и Fastify, данные хранятся в PostgreSQL. Telegram-бот, ЮKassa и Adelivo подключены к общей логике заказа.

На сервере проверяются права, актуальная цена, доступность товара и допустимость перехода к следующему состоянию. История заказа сохраняет подтверждённый состав и стоимость. Для уведомлений предусмотрены очередь и повторные попытки.

Я развернул приложение, настроил резервное копирование и проверил клиентские и рабочие сценарии. Добавил статистику запусков бота, корзин и оплат. Подготовил исходники, базу данных и инструкцию по текущей версии в комплекте для передачи.

Результат

Приложение опубликовано, приём заказов открыт, реальные платежи подключены. В контрольном сценарии прошли настоящая оплата, полный возврат и регистрация чеков оплаты и возврата.

Для кофейни собрана система заказа: клиентское приложение, рабочее место сотрудника, редактор меню, бот и интеграции. Весь путь — от правил работы до разработки, проверки и запуска — я выполнил самостоятельно.