Commerce complexity on small screens
Use responsive workspace patterns, clear navigation and consistent summaries across desktop and mobile.
Commerce operations SaaSLive demo
MerchantFlow
From scattered chats to structured orders, stock and a storefront.
A bilingual workspace for social sellers: manage products, stock, customers and orders, then connect them through a public storefront.
- My part
- Front-end development, interface refinement and Vercel deployment
- Status
- Live demo
- Built with
- React 19
- TypeScript
- Tailwind CSS
- Supabase
- Radix UI
- Motion
- Recharts
Real application screenshots with fictional Noura Fashion demo records.
Why it exists
Help social sellers move from scattered conversations to structured orders, visible inventory and a customer-facing store through a clear, responsive workspace.
My part: front-end development, interface refinement and vercel deployment.
How it is built
React 19, TypeScript, Tailwind 4, reusable Radix-based UI, Motion and Recharts. App Router conventions run on Vinext in the preserved hosted source. Provider adapters and server-side services separate interface concerns from authentication, pricing and stock transactions.
What is implemented
- Arabic/English workspaces and responsive RTL layouts
- Catalog, customers, variants and inventory adjustments
- Order lifecycle, reporting and printable invoices
- Public storefront and device-local cart
- Reviewable WhatsApp drafts and local order extraction
- Explicit isolated demonstration workspace
Hard parts and decisions
Honest automation boundaries
Require review for locally extracted orders, label WhatsApp drafts and distinguish recorded receipts from payment processing.
Where it stands today
Live demoPublic demonstration verified. Noura Fashion and sales figures are fictional demo data. Paid subscriptions, automated WhatsApp delivery and payment processing are not active features.