KOBA Burger

Интернет-магазин ресторана, где меню идёт как телеэфир.

Каждый час в «эфире» своё блюдо со скидкой. Покупатель настраивает бургер, оформляет доставку или самовывоз, а команда управляет каталогом, программой и заказами в админ-панели.

КонцептБренд и меню вымышлены

Главный экран KOBA Burger: блюдо текущего выпуска со скидкой, программа на день по часам и участники выпуска. — **Главная витрина**Скриншот интерфейса · концепт, данные демонстрационныеПрокрутите экран по горизонтали или откройте крупнее.

Витрина, которую хочется открыть ещё раз.

Большинство сайтов доставки — одинаковая сетка карточек. Здесь у меню есть ритм: расписание на день, главный выпуск и участники со своей скидкой, таймер до смены блюда.

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

От меню до корзины.

Меню фильтруется по категориям и тому, что сейчас в эфире. В карточке блюда выбирается острота и добавки, видна скидка выпуска и время до её окончания. Рядом — подходящие позиции к заказу.

Меню KOBA Burger: программа по часам, фильтры категорий и карточки бургеров со скидками выпуска. — **Меню и программа**Скриншот интерфейса · концепт, данные демонстрационныеПрокрутите экран по горизонтали или откройте крупнее.

Карточка бургера Double KOBA: выбор остроты и добавок, цена со скидкой, таймер скидки и блюда к заказу. — **Карточка и настройка блюда**Скриншот интерфейса · концепт, данные демонстрационныеПрокрутите экран по горизонтали или откройте крупнее.

Оформление в три шага.

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

МенюВыбор блюда
НастройкаОстрота и добавки
КорзинаСкидки и промокод
ОформлениеПолучение, контакты, проверка
ЗаказСтатус в личном кабинете

Первый шаг оформления заказа: способ получения, время доставки, зоны доставки с ценой и итог заказа. — **Оформление заказа**Скриншот интерфейса · концепт, данные демонстрационныеПрокрутите экран по горизонтали или откройте крупнее.

Админ-панель для команды ресторана.

Каталог с фильтрами и массовыми действиями, расписание программы, акции и правила кампаний, заказы, зоны доставки, роли сотрудников и журнал действий.

Админ-панель KOBA: список товаров с поиском, фильтрами по категории и статусу продажи. — **Каталог товаров**Скриншот интерфейса · концепт, данные демонстрационныеПрокрутите экран по горизонтали или откройте крупнее.

Админ-панель KOBA: настройка постоянной программы по часам с главным блюдом и дополнительными позициями. — **Программа эфира**Скриншот интерфейса · концепт, данные демонстрационныеПрокрутите экран по горизонтали или откройте крупнее.

На телефоне — как приложение.

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

Три экрана KOBA Burger на телефоне: главная, меню и карточка блюда. — **Мобильная версия**Экраны на телефоне · концепт

Полноценное приложение.
Не макет и не шаблон.

Витрина, оформление заказа, личный кабинет и админ-панель работают на одной базе данных. Код покрыт автоматическими тестами.

Для реального ресторана меняются бренд, меню и способ оплаты. Логика заказа, доставки и админ-панель остаются.

Вопросы о проекте

Это реальный ресторан?

Нет. KOBA Burger — концепт: бренд, меню и цены вымышлены.

Можно ли подключить оплату и кассу?

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

Куда уходят заказы?

В админ-панель со статусами оплаты и выдачи. При необходимости заказы можно передавать на кухню, в CRM или в 1С.

Техническая реализация

Next.js, TypeScript, PostgreSQL, Prisma, SCSS-модули, Zod. Цены, скидки и правила заказа проверяются на сервере. Регистрация с подтверждением по коду из письма, роли и права сотрудников, журнал действий.