/ChatBot

Front End Chat Interface which allows users to connect with an api.ai bot of choice or any other service. The interface has normal text input capabilities, allows the user to use speech input, and the bot will speak back. There is a delay which simulates the bot typing and using regular expressions there can be a dynamic time delay for each message back

Primary LanguageJavaScript

ChatBot

Front End Chat Interface which allows users to connect with an API.AI bot of choice or any other service.

Capabilites

  • The interface has normal text input capabilities
  • Allows the user to use speech input, and the bot will speak back to the user using HTML 5 Speech Synthesis.
  • There is a delay which simulates the bot typing and using regular expressions there can be a dynamic time delay for each message back.
  • The bot can also have multiple choice responses which are seperated using regular expressions as well.

Screenshots

Initial Screen

Showing Multiple Choice Buttons

Show the view when switched back to text input

Built With

  • API.AI - Used to build conversation experiences
  • Firebase - Used for the Realtime Database
  • jQuery - A Javascript Library used for easy DOM manipulation