← Назад к проектам
🍔 Доставка · Full-Stack

TheBEEFKitchen

Экосистема "три в одном": сайт доставки, мобильное приложение и Telegram бот для полного управления рестораном.

3 платформы
100% автоматизация
0 бумажной работы

Технологии

React Native Node.js Telegram API Kaspi Payment MongoDB Express.js

Задача клиента

Проблема

Владелец ресторана хотел запустить доставку, но:

  • Боялся потерять контроль над сайтом — "слишком сложно"
  • Не хотел зависеть от программиста при каждом изменении
  • Нужна была мобильная версия для клиентов
  • Важна автоматизация: заказы должны поступать мгновенно

Решение

Разработал три продукта, связанных в единую систему:

  • Сайт — клиенты оформляют заказы онлайн
  • React Native приложение — удобно на телефоне
  • Telegram бот — владелец управляет ВСЕМ через чат
  • Kaspi интеграция — оплата через банк

Три платформы, одна система

1

Веб-сайт (HTML/CSS/JS)

Полноценный сайт доставки с темным премиум дизайном. Корзина, выбор блюд, оформление заказа. Адаптивный под все устройства.

2

Мобильное приложение (React Native)

iOS и Android приложение с тем же функционалом. Синхронизация корзины, геолокация для доставки, выбор адреса на карте.

3

Telegram бот (Node.js)

Центр управления для владельца. Добавление блюд, изменение цен, управление категориями, прием заказов — всё в одном месте.

Telegram бот — ключ к автоматизации

Владелец боялся "потерять контроль" над сайтом. Поэтому весь функционал управления перенесен в Telegram — знакомый интерфейс, простые кнопки.

Управление товарами

Управление товарами

Добавить блюдо: название, цена, описание, фото прямо через Telegram.
Редактировать: изменить цену за 10 секунд.
Скрыть/показать: временно убрать блюдо из меню.

Управление категориями

Управление категориями

Создать категорию: новый раздел меню.
Изменить порядок: стрелки вверх/вниз.
Скрыть категорию: если нет блюд в наличии.

Пауза сайта

Пауза сайта

Проблемы на кухне? Одна кнопка — сайт перестает принимать заказы. Указывается причина: "Технические работы", "Большая загрузка", "Закончились продукты".

Прием заказов

Прием заказов

Новый заказ → уведомление в Telegram группу.
Статусы: Ожидает оплаты → Оплачен → На кухне → Доставляется.
Персонал видит все детали: состав, адрес, комментарии.

Управление админами

Управление админами

Добавить или удалить сотрудника, который может управлять сайтом через бота. Каждому свой Telegram ID.

График работы

График работы

Синхронизация с рабочими часами заведения. Не работает ресторан — сайт автоматически не принимает заказы. Время работы: 12:00 - 02:00 (UTC+5 Кызылорда).

Интеграция с Kaspi Bank

Как работает оплата

  • Клиент оформляет заказ на сайте или в приложении
  • Перенаправление в Kaspi для оплаты по QR коду или ссылке
  • Уведомление "Ожидает оплаты" приходит в Telegram группу персонала
  • После оплаты клиент нажимает "Оплатил" → старое сообщение удаляется, приходит новое "Заказ оплачен"
  • Все детали в Telegram: состав заказа, адрес, телефон, комментарии

Альтернативное решение: владелец не хотел давать полный доступ к Kaspi кабинету, поэтому сделан полуавтоматический процесс с подтверждением от клиента.

Мобильное приложение (React Native)

Кросс-платформенное приложение для iOS и Android. Написано на React Native + Expo — один код на обе платформы.

Home

HomeScreen

Главное меню с категориями блюд. Дизайн в стиле веб-сайта — темная тема, красный акцент (#8B1515).

Cart

CartScreen

Корзина с товарами, оформление заказа. Сохранение в AsyncStorage — корзина не теряется при закрытии приложения.

Address

AddressScreen

Выбор адреса доставки на карте (React Native Maps). Геолокация пользователя, список сохраненных адресов.

Profile

ProfileScreen

Профиль пользователя, редактирование данных, история заказов. Context API для управления состоянием (AuthContext, CartContext, AddressContext).

Демонстрация

Три платформы в действии: веб-сайт, мобильное приложение и Telegram бот управления.

🔒 https://thebeefkitchen.kz
TheBEEFKitchen Website
Сайт заказа
Мобильное приложение
Бот для персонала

Что получил клиент

Automation

Полная автоматизация

Заказы идут автоматически, уведомления в Telegram, не нужно отвечать на звонки и записывать вручную.

Management

Простое управление

Владелец управляет сайтом через Telegram. Изменить цену, добавить блюдо, поставить на паузу — всё за пару кликов.

Platforms

Три платформы

Сайт, iOS приложение, Android приложение — клиенты могут заказать откуда угодно.

Time

Экономия времени

Персонал не переписывает заказы, не тратит время на телефонные звонки. Всё в одной Telegram группе.

Нужна система доставки для ресторана?

Могу сделать похожую экосистему: сайт + приложение + бот для управления.