Rafi'i FerrynantyoCV
All projects

Case study

Headless Payment Flow

Token-driven checkout & payment experience

A standalone, headless payment step for the Evermos platform. The host app hands it a signed token, and it owns the journey from there: order confirmation, payment instructions, real-time status and proof-of-payment upload.

Role
Frontend engineer
Context
Evermos
Stack
Nuxt 3, Vue 3, XState, SCSS
Headless Payment Flow — interface screenshot

Overview

The flow had to be embeddable anywhere and configured at runtime, so it runs on a token-driven contract with a state machine keeping each step explicit — including the awkward ones, like a bank transfer that has not been confirmed yet.

Payment methods come and go, so every step sits behind a runtime feature flag: the team can enable a method or switch one off in production without a redeploy.

Key achievements

  • Token-driven, embeddable checkout with no session dependency
  • XState state machine for explicit, testable payment steps
  • Real-time payment status, bank-transfer forms and receipt upload
  • Runtime feature flags per payment method — no redeploy to toggle

Questions about this project?

Suggested questions

AI assistant. Answers come only from the knowledge base below — no invented experience.
Next case studyPinturumah