Перейти к содержимому
Ильяс Адамбеков

Платежи в ресторанах · Ближний Восток

Nimble

QR-приложение, которое гость ресторана открывает за столом: посмотреть меню и счёт, оплатить весь счёт или свою часть, оставить чаевые и отзыв.

Nimble в Harat’s Republic: меню разливного пива с ценами в AED
Nimble в Coffeemania GCC: меню завтраков с кнопкой бонусной карты
Nimble в El Primo Taquería: меню тако в красной теме ресторана
Роль
Frontend-разработчик
Компания
Nimble
Рынок
Ближний Восток
Открыть сайт (nimblepay.co)

Задача

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

Моя роль

Frontend-разработчик. Отвечал за платёжные сценарии гостя и большую часть денежной логики.

Что я сделал

  1. Платёжные сценарии гостя: отдельная страница чаевых, оплата всего счёта, предоплата, сервисные сборы, неуспешные и одновременные платежи
  2. Денежная логика: чаевые, комиссии за обработку платежа, комиссии на чаевые, VAT и итоговые суммы
  3. Режим киоска самообслуживания с платёжным QR-кодом Paymob, который обновляется каждые 90 секунд
  4. Арабский и русский с полной RTL-вёрсткой и настройками языков для каждого ресторана
  5. Система тем для ресторанов — сделано 3 брендированные темы
  6. Страницы интеграции с POS Foodics
  7. Электронные чеки, регистрация в программе лояльности, промо-баннеры и динамические опросы
  8. Производительность: ре-рендеры, ленивые изображения, отложенная загрузка Sentry, более лёгкие зависимости, кэширование и gzip в nginx

Стек

  • React
  • TypeScript
  • TanStack Query
  • Valtio
  • i18next