In this final part, we’ll cover the UI of the Slack Bot Clone application. We will be using Vue.js to build the UI and the data will be fetched from the firebase database.


In the previous part of this series, there was information about how we could use firebase as a data store and created a small utility that can be used to manage messages in our application. Continuing with the creation of the slack bot, in this part we’ll build the bot structure and it’s behaviour. It must be able to store the commands, parse the input and trigger the appropriate command and provide interfaces(like Browser Notification etc) useful for the commands to work.


Slack bot is really useful at getting things done easier for the user. This is a three part series of how to build a slack bot like feature using the Firebase Realtime Database and Vue.js. This is not a tutorial for building a bot inside of Slack, but a standalone one with an aim to teach you about the Firebase Realtime Database and Vue.js Reactivity and how to go about building such a feature.


Firebase Authentication can easily be integrated into web apps with just a few lines of code. In this tutorial we are going to implement the Firebase Authentication using Vue.js. Although Firebase supports authentication using service providers like Facebook, Twitter and more, here we’ll look at Signing Up a user in Firebase and Authenticating that user with Login page created with Vue.


Blogger Template Design is very easy to create with the right kind of Information, it is just like creating HTML pages, instead blogger offers Elements to create dynamic pages by parsing the template code written and inserting data in it. In previous parts Part 1, Part 2 and Part 3 of Blogger Template Design from Scratch provides some of the important blogger Design Elements and Information regarding how to use them to create Blogger Template. In this part, we will cover some of the things like Styling using CSS, Defining Variables, Page Layout and how to make it customisable using the Template Designer.