Digital Loyalty Stamp by Dualangka

From Paper
to Pixel.

Digitizing customer retention for Indonesian MSMEs with a fraud-proof, high-performance PWA.

Full-StackNext.js 14SupabasePWA
🃏 ➡️ 📱

[Placeholder: Split Image - Physical Card vs Digital App]

The "Lost Card" Paradox

It started with a personal frustration. My partner kept losing her physical stamp cards. Years of loyalty erased in a second because of a piece of paper.

For the business, this is a silent killer. A lost card often means a lost customer. I built STAMPKY to bridge this gap—creating a digital solution that feels as simple as a paper card but lives securely in the cloud.

System Architecture

Designing a multi-tenant architecture that handles real-time synchronization between Merchant Dashboards and Customer PWAs.

Outlet Management
Stamp Logic
Redemption System
Member Management

[Placeholder: Complex Flowchart Diagram]

Security at the Core

Loyalty points are money. To prevent fraud, I implemented a Cryptographic QR Generation system. Unlike static QR codes, every scan generates a time-sensitive, encrypted token validated server-side via Supabase Edge Functions.

[Placeholder: VS Code Screenshot displaying API Logic]

Built for Speed with shadcn/ui

Leveraging shadcn/ui and Tailwind CSS, I built an interface designed for Optimistic UI updates. The app gives instant feedback on touch (0.1s), syncing data in the background to accommodate Indonesia's unstable mobile networks.

[Placeholder: Main Mobile Interface]

[Placeholder: Dialog Component]

[Placeholder: Toast Notification]

[Placeholder: Merchant Dashboard Table]

Key Learnings

Optimistic UI

In UMKM environments, immediate feedback is not a luxury; it's a necessity.

Security vs. Convenience

Balancing frictionless scanning with rigorous server-side validation.

The Power of PWAs

Removing the friction of app store downloads for higher adoption.

Data Scalability

Importance of robust Foreign Key constraints and RLS for multi-outlet setups.

Next ProjectBank Indonesia