WhatsApp ChatBot Simulator.
Visual flow builder for designing and testing WhatsApp bots
Overview
A drag-and-drop flow builder that lets teams design, preview and test WhatsApp chatbot conversations before deploying them to production customers.
The Problem
E-OCEAN's support team was spending hours debugging chatbot flows in production. There was no safe environment to design and validate bot logic before it went live.
Built a visual flow editor using React where each node represents a bot message or user input. A live preview panel simulates the WhatsApp UI, and a state viewer shows exactly which node is active at each step.
Key Features
- 01Drag-and-drop flow builder with node/edge connections
- 02Live WhatsApp-style preview of the bot conversation
- 03Real-time flow state viewer for debugging
- 04Conditional branching based on user input
- 05Export/import flows as JSON
Built By
Shah Fahad — Senior Software Engineer
Karachi, Pakistan
More Case Studies
- Personal · Vibe Jam 2026
Agent Shah
Three.js + Rapier 3D physics — a playable agent-themed portfolio
- MILETAP
Konnect.im
Enterprise-grade real-time video conferencing platform
- Freelance
Helpers
On-demand home services marketplace for Pakistan
- EXACT
Khawateen Rozgar Services
Women's empowerment job portal for re-entering the workforce