Case study

PO QRIS

Pre-Order platform for Indonesian UMKM

A PWA that streamlines the Pre-Order workflow for Indonesian catering and food businesses — secure QRIS upfront payments, automated WhatsApp order handoff, and a merchant revenue dashboard.

React

Vite

TypeScript

Tailwind CSS

Node.js

Express

Prisma

PostgreSQL

Supabase

Midtrans QRIS

WhatsApp Cloud API

React Query

Recharts

PWA

All projects

Role

Technical Founder & Solo Developer

Highlights

Secure upfront QRIS payments via Midtrans to lock in customer commitment before prep
Automated WhatsApp order handoff to the merchant once payment is validated
Merchant dashboard with daily revenue and top-selling product charts
Installable PWA with JWT auth, input validation, and rate limiting

Problem

Indonesian catering and Pre-Order (PO) food businesses lose margin and morale to last-minute cancellations and the unpredictability of Cash-on-Delivery. They need a way to secure customer commitment before preparing an order and to stop manually re-capping orders by hand.

Role focus

Solo founder and developer — designed and built the full platform end to end: PWA frontend, backend API, database, payment integration, WhatsApp automation, and cloud infrastructure.

Architecture

Installable PWA built with React, Vite, TypeScript, and Tailwind CSS for both buyers and UMKM sellers.
Node.js + Express backend with Prisma, Zod validation, Pino logging, JWT auth, bcrypt, and rate limiting.
Supabase (PostgreSQL) with a dedicated po_qris schema for products, orders, transactions, and stores, plus Supabase Storage for product images.
Midtrans Core API for QRIS payments, with webhook signature verification and status polling.
WhatsApp Business Cloud API to push validated order details straight to the seller.
Seller dashboard powered by React Query and Recharts for revenue and product insights.

Challenges

Reliably confirming QRIS payment via Midtrans webhooks while also polling status as a fallback.
Verifying webhook signatures and validating input to keep the payment flow secure.
Automating the order-to-WhatsApp handoff so merchants never re-cap orders manually.
Providing a demo mode that simulates payment without a live Midtrans key.

Outcomes

Buyers pay upfront via QRIS, removing cancellation and COD risk before prep starts.
Validated orders flow automatically to the merchant's WhatsApp.
Merchants track daily revenue and top sellers from an intuitive dashboard.
Installable, mobile-first experience that works like a native app.

Gallery

Tap any item to view it full screen.