Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lucasbassetti/react-simple-chatbot
:speech_balloon: Easy way to create conversation chats
https://github.com/lucasbassetti/react-simple-chatbot
chat chatbot conversational-ui react
Last synced: 30 days ago
JSON representation
:speech_balloon: Easy way to create conversation chats
- Host: GitHub
- URL: https://github.com/lucasbassetti/react-simple-chatbot
- Owner: LucasBassetti
- License: mit
- Created: 2017-04-14T01:53:10.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-05-19T13:07:29.000Z (over 1 year ago)
- Last Synced: 2024-04-14T20:07:00.993Z (7 months ago)
- Topics: chat, chatbot, conversational-ui, react
- Language: JavaScript
- Homepage: https://lucasbassetti.com.br/react-simple-chatbot/
- Size: 5.37 MB
- Stars: 1,693
- Watchers: 54
- Forks: 596
- Open Issues: 129
-
Metadata Files:
- Readme: README.md
- Contributing: contributing.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
> [!WARNING]
> React Simple Chatbot is no longer maintained. I recommend using [react-chatbotify](https://github.com/tjtanjin/react-chatbotify) as an alternative.
# React Simple Chatbot
A simple chatbot component to create conversation chats
## Getting Start
```bash
npm install react-simple-chatbot --save
```
## Usage
There are several examples on the [website](http://lucasbassetti.com.br/react-simple-chatbot). Here is the first one to get you started:
``` javascript
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(
,
document.getElementById('root')
);
```
## React Simple Chatbot on media
1. [webdesignerdepot](https://www.webdesignerdepot.com/2017/08/whats-new-for-designers-august-2017/)
2. [blogduwebdesign](http://www.blogduwebdesign.com/webdesign/ressources-web-du-lundi-aout-164/2507)
3. [codrops](https://tympanus.net/codrops/collective/collective-335/)
## Build with `react-simple-chatbot`
1. [Seth Loh Website](https://github.com/lackdaz/lackdaz.github.io) - Personal website of Seth Loh ([demo](https://www.sethloh.com))
2. [Paul's Website](https://psheon.github.io/) - Personal website of Paul Jiang ([demo](https://psheon.github.io/archives/))
3. [Cisco Partner Support API Chatbot](https://github.com/btotharye/cisco-pss-api-chatbot) - Code with screenshots to have your own Cisco Serial lookup chatbot.
4. [Chatcompose](https://www.chatcompose.com/en.html) - Chatbot Platform for Conversational Marketing and Support.
5. [Mixat](https://www.svt.se/mixat) - News Chatbot for tweenies. Also as app ([iOS](https://apps.apple.com/se/app/mixat-h%C3%A4r-f%C3%A5r-du-koll/id1239444432) or [Android](https://play.google.com/store/apps/details?id=se.svt.mixat))
Built something with `react-simple-chatbot`? Submit a PR and add it to this list!
## How to Contribute
Please check the [contributing guide](https://github.com/LucasBassetti/react-simple-chatbot/blob/master/contributing.md)
## Authors
| |
|:---------------------:|
| [Lucas Bassetti](https://github.com/LucasBassetti/) |
See also the list of [contributors](https://github.com/LucasBassetti/react-simple-chatbot/contributors) who participated in this project.
## License
MIT · [Lucas Bassetti](http://lucasbassetti.com.br)