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.
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.
Solution
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
- ▶Drag-and-drop flow builder with node/edge connections
- ▶Live WhatsApp-style preview of the bot conversation
- ▶Real-time flow state viewer for debugging
- ▶Conditional branching based on user input
- ▶Export/import flows as JSON
More Projects
- Personal · Vibe Jam 2026
Agent Shah — 3D Portfolio Game
Three.js + Rapier 3D physics — a playable agent-themed portfolio
- MILETAP
Konnect.im — Video Conferencing
Enterprise-grade real-time video conferencing platform
- Freelance
Helpers — Service Booking App
On-demand home services marketplace for Pakistan
- EXACT
Khawateen Rozgar Services
Women's empowerment job portal for re-entering the workforce