До портфоліо

React

POS для ресторанів — веб, мобайл і кіоск самообслуговування

Tap2Dine — платформа замовлень і оплати для ресторанів, кафе, фудтраків і мереж.

  • React
  • Material UI
  • TypeScript
  • Payment Plugin
  • SaaS Development
POS для ресторанів — веб, мобайл і кіоск самообслуговування

Огляд: Tap2Dine — платформа замовлень і оплати для ресторанів, кафе, фудтраків і мереж.

Два продукти — Kiosk і Portal — з’єднані з кухонними екранами (KDS) і POS, від замовлення гостя до кухні.

1. Кіоск — термінали в залі: гості дивляться меню, збирають позицію й платять без касира.

Ключові можливості:

Оплати: готівка, картка, Cibus, TenBis, Goodi, Cash on Cloud, Pele Card, Balamut, Split, Google Pay, Apple Pay.

Меню в реальному часі: фото, категорії, акції.

Кілька мов.

Офлайн: замовлення зберігаються локально і відправляються, коли з’являється мережа.

Налаштування оновлюються без повторного деплою.

2. Портал — замовлення з телефона, планшета й десктопа, або через QR у закладі.

Замовлення з доставкою, самовивозом або в залі.

Можна запланувати час, навіть поза годинами роботи.

QR містить ключ API і відкриває меню конкретного закладу.

Оплата: Pele Card і основні цифрові гаманці.

Адреса через Google Maps API.

Електронний чек в SMS після підтвердження.

3. Спільна інфраструктура кіоска й порталу: один бекенд і API, різниця лише в типі в налаштуваннях (kiosk або portal).

Спільне:

Доступ до API за унікальними ключами.

Динамічні налаштування, меню й локація на головному екрані.

KDS для кухні.

POS для каси й персоналу.

Визначення мови й інтернаціоналізація.

4. Технічний стек:

Фронтенд: React, Material UI, Google Maps API, React Hook Form, i18next, Zustand, Axios, Sentry.

Офлайн: черга замовлень у local storage.

Моніторинг: Sentry з логами оплат, мережі й API.

UI: адаптивний інтерфейс, який можна темизувати, категорії меню з зображеннями.

Швидкість: кеш відповідей API, менше зайвих ререндерів, оптимізовані зображення.

5. Безпека і надійність:

Авторизація API: кожен запит із ключем закладу.

Офлайн-підхід, щоб не губити замовлення без мережі.

Повтори для оплати й створення замовлення.

Платіжні дані йдуть лише через платіжні шлюзи.

6. Цінність для бізнесу:

Коротша черга — гості замовляють швидше.

Вищий середній чек — підказки допродажу в сценарії замовлення.

Менше персоналу на прийомі замовлень.

Замовлення наперед, зокрема поза годинами роботи.

Брендинг: власник задає зображення, палітру й вигляд продуктів через адмінпанель.

Галерея