Building a HelperBot
Part 1 – The Front-end Bot

Yesterday I started building a HelperBot. I’ll do a follow up post once I’ve built more out, for now though, I thought it would be cool to take a look at the frontend chatbot.

The “bot” is essentially a combination of two things – the inner chat box design is based off of an awesome Codepen by Supah which can be found here. The outer wrapper that turns it into a collapsable support-style box is based off of this post by¬†@levelsio

Currently the “bot” is pretty dumb, it’s just following a script written into an array in the main jQuery.

However, next I’m going to start building a larger app and some backend logic around it so that you can launch your own Helperbot that can actually interact with users.