← Back to work
🟢 LiveFull-Stack Software Engineer · Peasy · Malaysia · 2023–2026

Peasy Shop

The conversational-commerce module of Peasy — a customer storefront plus a full merchant back office that lets a business sell products and take paid orders directly inside a WhatsApp/chat conversation.

The problem

Peasy's customers are businesses that talk to their customers on WhatsApp and other chat channels. The gap: once a buyer said 'I'll take two,' the sale fell out of the conversation into a different tool — a separate store, a manual invoice, a bank-transfer screenshot. Peasy Shop closes that gap by making the sale happen inside the conversation: browse, order, and pay without leaving chat, with the merchant managing everything from the same dashboard they already use for their inbox.

What I built

Two connected surfaces on the JavaScript side: a customer-facing Vue storefront (shop.peasy.ai — merchant/product pages, product-order flow, and a Stripe payment queue) and a merchant back office inside the Peasy dashboard (~33 components over dedicated catalog/orders/coupons/merchant Vuex modules), tied together by the chat platform so orders originate in and report back to the inbox.

Engineering highlights

1

Two front ends, one commerce domain

A public storefront optimized for buyers and a data-dense admin optimized for merchants, both driven by the same catalogue/orders/coupons model and Vuex store modules — keeping product, price, and order state consistent across a customer app and an admin app.

2

A real order lifecycle, not a cart demo

Delivery vs pickup scheduling, refunds, coupon application, and status transitions — plus the automated customer-facing chat messages each transition triggers.

3

Commerce that lives inside messaging

The integration with the flow builder (product/pay node) and the inbox (order messages) is the differentiator — it's where 'chat platform' becomes 'sell on chat.'

Results

  • Delivered a complete conversational-commerce capability for a live SaaS — storefront, merchant admin, payments, and chat integration.
  • Shipped front-to-back product work on the JS side: a customer app, an admin surface, and the Stripe/chat integration between them.

Full tech stack

Vue 2Vuex (catalog, orders, coupons, merchant modules)Vue Routervue-i18nSCSSStripe (storefront checkout + payment queue)Node.js (order/catalogue services)integrated with the Peasy chatbot flow builder (product/pay node) and chat inbox (automated order-status messages)
Related case studyPeasy — the full platform & my 3-year role

Built at Peasy · Malaysia — the source lives in a private repository, so it isn't publicly available. A live screen-share demo and code walkthrough are available on request for hiring managers.