← All projects

Visual development

Chatbot Flow Builder

An interactive flow editor that lets users assemble conversations by dragging message nodes onto a canvas and connecting them in sequence.

ReactReact Flow
Chatbot Flow Builder canvas showing connected message nodes

My contribution

Built the React interface, draggable text nodes, node connections, and a contextual settings panel for editing messages.

  • Drag a text node from the node panel onto the canvas.
  • Connect messages to define the conversation order.
  • Select a node to edit its message in the settings panel.
Have a similar project in mind?