Chatbot · Grupo 3C

The chatbot editor wasn't something I built from scratch — a teammate implemented it. But it was one of the modules I gave the most ongoing support and maintenance to afterward, so I know it well from the inside.

Nodes and edges, n8n-style

The engine is VueFlow — the same visual node-and-edge mechanic behind tools like n8n. The user drags message types (text, image, audio, multiple choice, WABA buttons, voice message), connects nodes with conditionals, and builds entire decision trees visually, without writing a line of code.

Requests and AI

Later came HTTP requests with success/failure handling right inside the flow, context variables persisted throughout the conversation, and LLM integration for more humanized message generation. When generative AI came in, the backend took over prompt engineering, and the frontend had to expose the right parameters for whoever was configuring it — tone of voice, agent context, that kind of thing.