{"repo":"Azim-Ahmed/chat-flow-builder","free":true,"listed":false,"github":"https://github.com/Azim-Ahmed/chat-flow-builder","clone":"git clone https://github.com/Azim-Ahmed/chat-flow-builder.git","description":"React-flow chatbot","language":"TypeScript","stars":59,"topics":["automation","chatbot","flow-builder","reactflow","xyflow","figjam","landbot","low-code","n8n","n8n-workflow"],"license":null,"category":"workflow-automation","readme_excerpt":"BiteSpeed Frontend Task: Chatbot flow builder This is created by Denish , and his repo is https://github.com/denishsharma/chatbot-flow-builder-task-bitespeed I have cloned this and make this more available to my github due to more reach Scroll Below to see custom nodes and logics and issues and others worked-at See the live demo We’ll build a simple Chatbot flow builder using React and try to make the code extensible to easily add new features. A chatbot flow is built by connecting multiple messages to decide the order of executions Features Nodes - Start Node : The starting point of the flow. - Message Node : A message to be displayed to the user. - Conditional Path Node : A condition to be matched with multiple cases or paths to be taken. (showcase to use of dynamic handles) - End Node : The end of the flow. Sidebars - Node Sidebar : Contains the list of nodes that can be added to the flow. - Node Properties Sidebar : Contains the properties of the selected node. Flow - Validation : Check if the flow is valid or not. A valid flow should have a start node and an end node. - Auto Adjust : Nodes will automatically adjust their position to avoid overlapping. It won't adjust the flow lines. Tech Stack & Libraries - React - React Flow - Zustand - TypeScript - UnoCss Clone this repo and use yarn to run the application this is based on v-10, 11 - Want to collaboration for your project? let me know then your project mind: : with pro-features azimaahmed36+reactflow+github@gmail.com c","default_branch":null,"files":null,"tree":[],"storefront":"/r/Azim-Ahmed","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Azim-Ahmed/chat-flow-builder/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}