MCPcopy Index your code
hub / github.com/LucasBassetti/react-simple-chatbot

github.com/LucasBassetti/react-simple-chatbot @v0.5.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v0.5.0 ↗ · + Follow
62 symbols 180 edges 64 files 9 documented · 15%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

React Simple Chatbot

Travis CI npm version Codecov

A simple chatbot component to create conversation chats

Getting Start

npm install react-simple-chatbot --save

Usage

There are several examples on the website. Here is the first one to get you started:

import ChatBot from 'react-simple-chatbot';

const steps = [
  {
    id: '0',
    message: 'Welcome to react chatbot!',
    trigger: '1',
  },
  {
    id: '1',
    message: 'Bye!',
    end: true,
  },
];

ReactDOM.render(



    <ChatBot steps={steps} />


,
  document.getElementById('root')
);

React Simple Chatbot on media

  1. webdesignerdepot
  2. blogduwebdesign
  3. codrops

Build with react-simple-chatbot

  1. Seth Loh Website - Personal website of Seth Loh (demo)
  2. Paul's Website - Personal website of Paul Jiang (demo)
  3. Cisco Partner Support API Chatbot - Code with screenshots to have your own Cisco Serial lookup chatbot.

Built something with react-simple-chatbot? Submit a PR and add it to this list!

How to Contribute

Please check the contributing guide

Authors

Lucas Bassetti
Lucas Bassetti

See also the list of contributors who participated in this project.

Donate

If you liked this project, you can donate to support it :heart:

paypal

License

MIT · Lucas Bassetti

Core symbols most depended-on inside this repo

setState
called by 40
lib/recognition.js
getSpeakText
called by 6
lib/speechSynthesis.js
speakFn
called by 6
lib/speechSynthesis.js
rgba
called by 6
lib/common/rgba.js
isSupported
called by 5
lib/recognition.js
speak
called by 5
lib/recognition.js
isMobile
called by 3
lib/utils.js
isString
called by 2
lib/utils.js

Shape

Function 30
Method 21
Class 11

Languages

TypeScript100%

Modules by API surface

lib/recognition.js13 symbols
lib/ChatBot.jsx8 symbols
tests/helpers/corti.js4 symbols
lib/steps_components/text/TextStep.jsx4 symbols
lib/steps_components/custom/CustomStep.jsx4 symbols
tests/lib/ChatBot.spec.js3 symbols
lib/steps_components/options/OptionsStep.jsx3 symbols
tests/helpers/setup.js2 symbols
lib/utils.js2 symbols
lib/storage.js2 symbols
lib/speechSynthesis.js2 symbols
lib/schemas/schema.js2 symbols

For agents

$ claude mcp add react-simple-chatbot \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page