Chatbot flow builder

Features

• Drag and Drop Interface: Easily add and connect nodes to build chatbot workflows.
• Customizable Nodes: Edit node properties and labels to tailor the chatbot's responses.
• Visual Workflow Editor: Use a visual editor to manage and organize conversation paths.
• Integration with React Flow: Seamlessly integrates with React Flow for an enhanced user experience.
• React DnD for Interactivity: Utilizes React DnD for smooth drag-and-drop functionality.

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/chatbot-flow-builder.git
   cd chatbot-flow-builder

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Usage

1. Connect Nodes: Drag and drop nodes onto the canvas and connect them to define the conversation flow.
2. Edit Node Properties: Click on a node to open the settings panel and customize the node's properties.
3. Save Workflow: Once the workflow is complete, save your configuration for future use.