link: https://chat-flowbuilder-jpvb3hfmp-adnan179s-projects.vercel.app/
Chat Flow Builder is a sleek and intuitive tool built with React
, React Flow
, and Tailwind CSS
. It allows you to effortlessly create and customize chat flows. You can add new text nodes to the canvas, change the text of text nodes, save your work, and restore previous states.
- Add Text Nodes: Easily drag and drop new text nodes onto the canvas.
- Edit Node Text: Click on any text node to modify its content using the settings panel's input bar.
- Save & Restore: Use the
Save Flow
button to preserve your current setup, and theRestore Flow
button to reload your previous state seamlessly.
Ensure you have the following installed on your machine:
-
Clone the repository:
git clone <code link> cd chat-flow-builder
-
Install dependencies: open your terminal run the following command:
npm install
- Run the application using this command:
npm start