Monkville
A custom Shopify storefront for a monk fruit sweetener brand, with WhatsApp order notifications.
Overview
Monkville sells a natural, zero-erythritol monk fruit sweetener as a sugar substitute, with a custom Shopify storefront built out from Shopify's skeleton theme, with product-specific sections for ingredients, usage recipes, and expert endorsements to back up its health claims. Alongside the storefront, a small Express relay service turns Shopify order events into transactional WhatsApp notifications for customers, including a workaround for Shopify Flow's malformed webhook payload format.
The challenge
Shopify's theme layer needed real brand-specific merchandising sections rather than default boilerplate, and order notifications needed to reach customers on WhatsApp — but Shopify Flow's outbound webhooks arrive as malformed, non-standard form-encoded payloads that a normal JSON parser rejects outright.
What I built
- Custom Shopify sections: hero, ingredients, usage recipes, expert opinions, and product carousels
- Tailwind CSS build pipeline and GSAP animation on top of Shopify Liquid
- Express relay service for the WhatsApp Cloud API: transactional and bulk template messages
- Hand-rolled parser recovering valid JSON from Shopify Flow's malformed webhook payloads
- Webhook verification for inbound WhatsApp events
Architecture
Engineering highlights
Brand-specific merchandising
Sections like ingredients, recipes, and expert opinions are purpose-built for the product line rather than left as generic theme boilerplate.
Shopify Flow payload recovery
Shopify Flow's webhook output doesn't parse as standard JSON or form data; a dedicated parser recovers the real payload so order events can reliably trigger a WhatsApp notification.
Results
WhatsApp Cloud API
Notification channel
Liquid · Tailwind · GSAP
Storefront stack
Skycom India
Web · Corporate · CGI Showcase