HICHEM
Back to Projects

Watto for Business

Jul 2025

React Native
TypeScript
Expo
Zustand
React Query
Tailwind
Gluestack
Watto for Business screenshot 1
Watto for Business screenshot 2
Watto for Business screenshot 3
A cross-platform merchant app enabling businesses to issue and manage digital gift cards, track balances, and reconcile payouts—securely and efficiently, even on low-end devices.

Overview

Watto for Business is a merchant app for issuing and managing digital gift cards, tracking balances, and reconciling payouts. The goal was to give partners a secure, reliable, and fast way to operate without needing desktop dashboards.

Problem

Merchants needed a secure, auditable portal to handle gift card issuance, disputes, and monthly reconciliation—with minimal training time and low support overhead.

Role & Team

Full-Stack Developer collaborating with product, compliance, and finance. I owned the mobile app flows, data caching strategy, and the integration with backend APIs.

Constraints

Sensitive financial operations → strict RBAC and audit logs

Must work on low-end Android devices, unstable networks

Quietly handle login / account switching without stale data leaks

Solution

Issuance workflows with validations (Zod) and clear error UX

Reconciliation module: statements, filters, CSV exports

Role-based access (merchant admin vs. cashier) and event-level audit trails

Data layer: React Query with user-scoped keys to prevent cross-account caching

Scanner module: robust QR flow; cooldown + lifecycle fixes to eliminate camera flicker

Impact

−40% reconciliation time (finance team timing, internal)

−25% support tickets after dashboard rollout (4-week window)

App stability improved; fewer scanner-related complaints

Tech Highlights

React Native (Expo), TypeScript, Zustand (auth/session) + React Query (server cache)

Zod schemas for request/response validation

Optimistic updates and background refetch on focus/network regain

Secure storage for tokens; logout clears caches and resets navigation

Privacy / NDA

Source is private. Screenshots use anonymized data. I’m happy to walk through the architecture and demo flows on a call.