tatounel / react-simple-chatbot

This project was built for the 5th annual HackitTogether hackathon at Lander College for Women. We chose the first challenge which was to build a customer experience channel for IHS in order to create a powerful new way to connect with customers.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

IHS Markit Helpbot

This project was built for the 5th annual HackitTogether hackathon at Lander College for Women.

We chose the first challenge which was to build a customer experience channel for IHS in order to create a powerful new way to connect with customers.

We used Lucas Bassetti's React Simple Chatbot package and customized it for IHS by making the changing the UI, branding, and responses.

One of our challenges was not having access to the IHS Software, and therefore we couldn't predict what questions customers usually asked. With this information in the future, we can have smarter and more dynamic chatbot responses to better fit any need the customers may have.

Screenshot:

Contributors:

  • Cara Dibdin
  • Jasmine Carpentier
  • Francine Altman
  • Tania Nelzy

React Simple Chatbot

Travis CI npm version Codecov

A simple chatbot component to create conversation chats

Getting Start

Clone this repository. Run npm i. Run npm start.

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(
  <div>
    <ChatBot steps={steps} />
  </div>,
  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.
  4. Chatcompose - Chatbot Platform for Conversational Marketing and Support.
  5. Mixat - News Chatbot for tweenies. Also as app (iOS or Android)

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 ❤️

paypal

License

MIT · Lucas Bassetti

About

This project was built for the 5th annual HackitTogether hackathon at Lander College for Women. We chose the first challenge which was to build a customer experience channel for IHS in order to create a powerful new way to connect with customers.

License:MIT License


Languages

Language:JavaScript 99.4%Language:HTML 0.6%