https://github.com/sumansauravmay/bitespeed_chatbot_flow

A simple Chatbot flow builder using react-flow library
https://github.com/sumansauravmay/bitespeed_chatbot_flow

chakra-ui-react css html javas react-flow react-hooks reactjs

Last synced: 9 months ago
JSON representation

A simple Chatbot flow builder using react-flow library

• Host: GitHub
• URL: https://github.com/sumansauravmay/bitespeed_chatbot_flow
• Owner: sumansauravmay
• Created: 2024-06-11T12:18:17.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-13T08:27:14.000Z (over 1 year ago)
• Last Synced: 2025-01-22T18:51:12.415Z (11 months ago)
• Topics: chakra-ui-react, css, html, javas, react-flow, react-hooks, reactjs
• Language: JavaScript
• Homepage: https://profound-platypus-4b3356.netlify.app/
• Size: 789 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# BiteSpeed_ChatBot_Flow

A simple Chatbot flow builder using react-flow library





🖥️ Tech Stack


Frontend:



  

   

  

  

  



Deployed On:




  



Want to see live preview »





## 🚀 Features

-   Single Page Application.

-   A simple chatbot flow builder with HTML, CSS, JavaScript, ChakraUI, React & React-Flow.

-   Update the node text.

-   Can add extensive node.

-   Whole website is fully Responsive.

## 🚀 Team Member:-

-   Suman Sourav [[LinkedIn Profile](https://www.linkedin.com/in/suman-saurav-06896b231/)] [[Github Profile](https://github.com/sumansauravmay/)]

### Video Link -

Video Link»


(https://drive.google.com/file/d/1cjPaf69G5R3SowITtzcvyQU5jVfc2LuQ/view?usp=sharing)

## Screenshots

### Home -

This is the main landing page of our website.

![landing_page](https://i.postimg.cc/htBPZ96z/Home.jpg)

 

### Node Text with edge -

![Node Text](https://i.postimg.cc/25Hk5g6h/Nodeadge.jpg)

### Update Node Text -

![Edit Node Text](https://i.postimg.cc/sXq3YS52/Edit.jpg)

### Save Work Flow -

![Save Work Flow](https://i.postimg.cc/d3Cw419j/Saved.jpg)

### Error Work Flow -

![Error Work Flow](https://i.postimg.cc/mZ1LbXG1/don-t-save.jpg)

## Run Locally

Clone the project

```bash

  git clone https://github.com/sumansauravmay/BiteSpeed_ChatBot_Flow.git

```

Go to the project directory

```bash

  cd BiteSpeed_ChatBot_Flow

  npm create-react-app chatbot_flow

  cd chatbot_flow

  npm i reactflow

  npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion

  npm start

```

Install dependencies for chatbot_flow

## Deployed link

### Netlify Link

[https://profound-platypus-4b3356.netlify.app/](https://profound-platypus-4b3356.netlify.app/)

## Show your support

Give a ⭐️ if you like this project!