Interactive demo

UI → Backend → Shipping API

This demo illustrates the full data flow of a shipping integration — from a customer placing an order on the frontend, to the record being written to the database, to the system automatically dispatching a delivery via a third-party Shipping Platform API.

Payment triggers are the key mechanic: the API call only fires when a payment is marked paid in the database. Orders still pending are skipped and logged as SKIP. Both domestic (Malaysia) and international (Singapore) routes are supported, as well as For Me and For a Friend order types — the latter includes separate sender details in the API payload.

SvelteKit TypeScript D1 / SQL REST API Cloudflare Workers
Customer fills checkout
Order saved to DB
Payment marked paid
Shipping API triggered
Place order checkout

Delivery destination

Order type



order idrecipientregiontypepaymentcourier
ORD-0041Ahmad RazifMYfriendpaidLALAMOVE_MY
ORD-0040Priya NairSGmepaidNINJA_VAN_SG
ORD-0039Tan Wei LinMYmepending
3
Orders processed
2
Dispatched
1
Awaiting payment
14:02:30 200 OK 1 · quote MY · friend Fetch quotes — ORD-0041
14:02:31 200 OK 2 · create order MY · friend Create order — ORD-0041
13:48:18 200 OK 1 · quote SG · me Fetch quotes — ORD-0040
13:48:19 200 OK 2 · create order SG · me Create order — ORD-0040
13:31:05 SKIP MY · me Payment pending — ORD-0039, no dispatch