Разработка сервиса для получения чаевых xTips

Задача

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

Решение:

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

QR-код: Два типа кодов (индивидуальный и групповой), автоматически генерируются после регистрации или создания группы, доступны в формате карточки и открытки.

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

Боковое меню: Включает фотографию пользователя, переключатель языка, быстрые ссылки на основные блоки: домашнюю страницу, настройки (профильную страницу), QR-коды и кнопку выхода.

Уведомления: При нажатии на "колокольчик" на домашней странице появляется журнал последних событий.

Технологии:

React.js: Использовался для разработки пользовательского интерфейса.
Node.js: Использовался фреймворк Express для разработки серверной части.
JSON Web Token: Применялся для аутентификации.
Chakra UI: Интегрирована библиотека Chakra UI для создания пользовательского интерфейса.
GraphQL: Применялся как язык API.
Stripe: Подключен как система оплаты.
Результат:


Приложение xTips облегчает транзакции с чаевыми, позволяя клиентам (например, посетителям кафе) сканировать QR-коды, ведущие к странице оплаты, где клиент может легко оставить некоторую сумму чаевых несколькими касаниями.

Нет необходимости искать наличные в спешке, всего за несколько секунд клиент может поблагодарить официанта.

Чаевые, уплаченные клиентами, накапливаются на внутреннем счете владельца QR-кода. Пользователь может создать группу сотрудников и распределить средства в настраиваемом процентном соотношении. Каждый участник проекта может запросить вывод средств, с минимальной суммой вывода в €100 и комиссией в размере 5% от суммы вывода.