Jollibee Rewards
Memberships & Rewards · Retail variant

The Jollibee Rewards member app. Show your Member QR at the counter, the till scans it, and the points land before you leave — that is the way to earn. If the counter scan does not happen, scan the QR printed on your receipt, and if that will not read either, type the transaction in; both of those post the next day. You redeem points for food vouchers at any participating branch. Built as a single-page app so screens transition in-page, no reload.

Open
Open the app
Launches at Home as a signed-in member. Navigate with the bottom tab bar and in-screen buttons — everything animates (tabs cross-fade, forward slides in, Back slides out).
Live
Jump to: Joining & signing in
The signed-out door, then join: mobile number → a texted code → name, email and birthday → a PIN → the two consents, landing on Home with the 100-point welcome bonus in Activity. Your mobile number is the account; the email is still required but signs you in to nothing. Sign-in is number + PIN, and the earning code can be shown without signing in at all.
Live
Jump to: Receipt QR — the backup
The camera looks for the QR printed on the receipt → the decoded transaction to confirm → validating → credited, plus the refusal paths: a code that is not ours, one that is damaged, one outside the 48-hour window, one already earned, and one from a branch outside the pilot. Codes to scan are on the Demo QR codes page.
Live
Jump to: My QR
The code the crew scans at the counter — points land right away, no waiting. It only ever earns, never spends, so you can save it to your photos and use it offline. The printed digits are there too, for a counter that cannot read a QR.
Rewards · Wallet · Activity
Redeem catalog (with an AI pick) → confirm → voucher code; the points + vouchers wallet; and full status-icon activity history.
Live
Notes

How to view: open app.html directly (double-click), or serve it for the real scan camera: ./serve.sh (or python3 -m http.server 8080) then open http://localhost:8080/app.html.
How it works: earn by receipt scan (no POS integration, points settle within 24 hours) or by showing your Member QR at the counter (points land right away) — then redeem them for food vouchers at any participating branch.
Each screen has a dev harness on desktop: navigate, flip states, and toggle light / dark.