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
- Freelance client · AS Saqib Perfume Fragrance
AS Saqib
Live Pakistani e-commerce storefront — cash on delivery, orders over WhatsApp
- Personal · Vibe Jam 2026
Agent Shah
Three.js + Rapier 3D physics — a playable agent-themed portfolio
- Freelance client · Khadim-e-Insaniyat
OPD Entry Software
Offline-first patient registration app for hospital OPDs
- Kistpay
Kistpay Admin Portal
Installment management dashboard with payment analytics