Web Apps

Calm Ops

FlowPay Checkout Console

Client

Internal Project

Duration

3 Weeks

Date

Feb 28, 2025

( 00-01 )

What I build

FlowPay is a checkout + admin console that keeps orders, payments, and refunds in one clean, traceable flow. Built to stay stable after launch, not just look good in a demo.

Core

  1. Checkout flow: Cart → Payment → Confirmation with clear loading/empty/error states.

  2. Order states: Pending / Paid / Failed / Refunded (no ambiguous “maybe paid”).

  3. Admin orders: search, filters, detail view, status updates, notes, exports.

  4. Append-only audit log: who changed what, when, and why.

  5. Notification-ready templates: invoice + status updates (email/WhatsApp).

Support

  1. Role-based access (Owner/Admin/Staff/Viewer).

  2. Guardrails: confirmations + reason required for sensitive changes.

Not built

  1. “Magic autopilot” payments.

  2. Auto-refunds without review controls.

( 00-02 )

What Made It Hard

The hard part was keeping state consistent under real conditions: retries, double-clicks, weak networks, and admin actions happening in parallel.

Edge cases

  1. Double-submit on checkout → idempotent updates + UI locking.

  2. Mid-flow refresh/timeout → safe recovery without duplicates.

  3. Refund/status edits without context → enforced reasons + full trail.

Engineering decisions

  1. Strict state transitions + idempotency to prevent drift.

  2. Append-only audit log with reason-required actions.

Anti-pattern avoided

  • Tracking changes in chats/spreadsheets instead of the system.

( 00-03 )

Why It Matters

Checkout is where confusion becomes real money problems. FlowPay makes operations clear, safe, and easy to maintain.

  1. Clear order status reduces support back-and-forth.

  2. Traceable changes speed up debugging and handoffs.

  3. Guardrails prevent “quick edits” from becoming incidents.

  4. Built with a maintain-first mindset, not ship-and-forget.

  • ALAWI

    CONTACT

( 00-09 )

CONTACT

Let’s talk about what you’re building
and how I can help.

  • Want to chat fast?

+62 817-7577-7778

  • Prefer email?

maarifalaawi@gmail.com

  • LinkedIn

maarifalawi

Start with a brief.

  • ALAWI

    CONTACT

( 00-09 )

CONTACT

Let’s talk about what you’re building
and how I can help.

  • Want to chat fast?

+62 817-7577-7778

  • Prefer email?

maarifalaawi@gmail.com

  • LinkedIn

maarifalawi

Start with a brief.

  • ALAWI

    CONTACT

( 00-09 )

CONTACT

Let’s talk about what you’re building
and how I can help.

  • Want to chat fast?

+62 817-7577-7778

  • Prefer email?

maarifalaawi@gmail.com

  • LinkedIn

maarifalawi

Start with a brief.

I build and maintain production-ready web apps. Clean UI, stable backend, calm releases.

I build and maintain production-ready web apps. Clean UI, stable backend, calm releases.

I build and maintain production-ready web apps. Clean UI, stable backend, calm releases.

Create a free website with Framer, the website builder loved by startups, designers and agencies.