Задача:

Створити мобільний додаток, основний функціонал якого отримувати, накопичувати і розподіляти чайові між членами команди та легке виведення на їхні рахунки. Мови проекту: англійська, естонська та російська.

Рішення:

Профільна сторінка: Користувачі можуть керувати особистими даними, включаючи фотографії, повні імена, контактну інформацію та IBAN для виведення коштів.

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

Сторінка виведення коштів: Показує стан рахунку, дозволяючи користувачам подавати запити на виведення.

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

Сповіщення: При натисканні на "дзвіночок" на головній сторінці з'являється журнал останніх подій.

Технології:

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


Результат:

Застосунок xTips полегшує транзакції з чайовими, дозволяючи клієнтам (наприклад, відвідувачам кафе) сканувати QR-коди і залишати чайові.

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

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