Giter Club home page Giter Club logo

demo-bot's Introduction

Welcome to Designing Conversations: Rise of the Bots

###Meetup Info

At Home Setup

Step 1: Install Node.js

Please download the lastest STABLE version of Node.js here

Node.js will allow us to use the Javascript programming language for our bots.

Step 2: Install Sublime Text

Install Sublime Text

Sublime is the text editor we will use to edit our code and write bots.

After you have installed Sublime Text, drag it to your dock. This will help you easily open your bot for editing.

Step 3: Sign up for Slack

If you have not completed your registration for Rise of the Bots, please do so now at the following link: http://join.riseofthebots.net.

You will receive a confirmation email shortly to join Rise of the Bots on Slack.

Let's Begin

We've prepared this document to serve as a short walkthrough that will have you up and running by the end of it. In order to create a chatbot we'll be depending on a few pieces of existing technology. This will allow us to build our bot with greatly improved speed and ease collaboration efforts so that everyone can get involved. All of our work will utilize our demo-bot code base, so let's start there.

Step 4: Download this starter bot

Please download the lastest release here.

We created a bot that you can program with natural language commands! Inside are instructions and examples of the functionality you will find in your bot. In addition to our tools, your bot will use Botkit to connect to Slack.

Step 5: Install dependencies

Press command-spacebar to open Spotlight, type "terminal", and press enter. Alternatively, open a finder window and navigate to Applications > Utilities. There you'll find Terminal.app which we'll use to enter commands.

In your terminal window, type the following, ignoring the dollar sign:

$ cd 

In your finder, navigate to your Downloads directory and drag the demo-bot-x.x.x folder into your terminal window.

Press enter.

Then we'll complete the installation by typing the following command, also in terminal:

$ npm install

If you see a dialogue box asking about installing the Xcode CLI tools, click yes.

Step 6: Register your bot

Next we want to connect your bot to Slack! As a first step, register your bot. Make sure you've logged into Rise of the Bots then visit the custom integrations page at https://slack.com/apps/manage/custom-integrations. Click "Build your own" in the top right navigation, then "Make a Custom Integration", and finally "Bots". Give your bot a username and click "Add Bot integration". On the following screen you'll see a field called "API Token". Copy the token, and keep it handy for the next step.

Step 7: Edit your settings

Back in the finder, drag the demo-bot-x.x.x folder onto Sublime Text in your dock.

In the left column, control-click on the root directory of this project and create a new file. Save the file and name it ".env". The file name should include the dot prefix. Click "yes" if you get a dialogue box about filenames beginning with a period. In the file, type "token=" and paste your slack token from Step 6 so that the contents of the file looks like this:

token=xoxb-fffffffffff-PfN6HCc7L6kVHqTU3eTS1Csc

Step 8: SHIP IT

You officially have a capable chat bot!!! Connect the bot to slack by running:

$ npm start

After the bot has loaded and the output has stopped you should notice that your bot is online and available inside your Slack team. There are endless possibilities, what will you come up with?

demo-bot's People

Contributors

tiffanysun avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.