Welcome Bot - Frontend

Welcome Bot is a system which offers user option to install bot into Slack system. This bot is responsible for publishing messages to channels or private messages. Bot action is controlled inside Bot Admin application.

Screenshots

Login Page

UI

Dark Mode

Technologies

Technologies used in this project are:

• Vue.js - A Javascript framework
• Vuex - The official state management library for Vue
• Vue-Router - The official router for Vue.js
• VueUse - Collection of essential Vue Composition Utilities
• SCSS - CSS preprocessor
• date-fns - Modern JavaScript date utility library
• Axios - Promise based HTTP client
• vue3-google-oauth2 - Google authentication library
• vee-validate - Form Validation for Vue.js
• element-plus - a Vue 3 based component library for designers and developers

Features

• Login and Logout functionality.
• You can write messages that you want to present to channel users.
• You can write messages and schedule them to appear.
• You can trigger private messages to users on certain events (eg. channel join).

Setup

You must have Npm or Yarn installed on your machine

Installing

Clone the repository using Git:

git clone https://github.com/scokljat/welcome-bot-frontend.git

For installing the dependencies run:

npm install
# Or
yarn install

At the end type:

npm run serve
# Or
yarn serve

for running the development server at this address: http://localhost:8080

Collaborators

• Josip Ivančić @josip2312 - Mentor
• Salko Balić @thedev966
• Selma Čokljat @scokljat

License

This project is MIT licensed.