The React front end for a "customer service style" chat that pops up from the bottom right of the screen. The chat functionality is provided by PubNub's realtime data network. The Chatbot is powered by Watson assistant.
Uses
- PubNub to provide realtime connections between chat, PubNub Functions and Watson.
- PubNub Functions for intercepting chat traffic and routing it to the Watson service.
- IBM's Watson assistant for chatbot.
This project is available to remix on Glitch at https://glitch.com/~customer-service-chat-react. To 'remix' a copy for yourself:
- Make a copy ('remix') of this Glitch.
- Sign up for a free PubNub Account and get publish and subscribe keys for the resulting demo account.
- Make a copy of the
pubnubkeys-temporary.json
file to.data/pubnubkeys.json
. Click the 3 dots to the right of the temporary file for theduplicate
command. - Replace
Your publish key here
andYour subscribe key here
with the PubNub keys given in the Pubnub admin panel. - Follow the instructions in pubnub-functions/installing-watson-function.md
Interface based on React Beautiful Chat https://github.com/mattmezza/react-beautiful-chat
Icon: Duck by Martin from the Noun Project
Icon: Information by Jean from the Noun Project