Weather Bot

By Ali Alhashimi

Getting Started

This is a chatbot based on IBM Watson built with react front end and node.js backend to query the weather in a certain city at a certain time.

Prerequisites

• npm
• react
• ngrok
• IBM Wastson Assistant
• IBM Cloudant Database

Installation

1. Clone the repo

   git clone https://github.com/alilibx/weather_bot.git

2. Install NPM packages

   npm install

3. Download ngrok Ngrok Download Link

Usage

1. Run weatherbot_api

   cd <Path/to/weather_bot/project>/weatherbot_api
   nodemon app.js

   API will start on port 9000

2. Use Ngrok to get the public URL

   cd <Path/to/ngrok>/ngrok
   ./ngrok http 9000

   ngrok will show you an https public url that looks like below

   Forwarding                    https://9c42f142a819.ngrok.io                                                                

   Copy the url that start with https to the watson assitant skill follow webhook section (find details in step #6)

3. Setup Watson Assistant and Cloudant Db IBM Cloud

4. Import bot Skill (<path/to/bot/file>/bot/skils/skill-Weather-Skill.json) to the Watson Assitant
   
   a. Open IBM Watson Assistant service that you have created (In my case it is "aliweatherbot")
   
   b. Then Create an assitant and enter a name for your assitant (In My Case "theassistant")
   
   c. Click on Launch Watson Assitant and on the left side menu click on skills and then Create Skill then choose dialog skill and cick next, then from the tabs select Upload Skill and select skill file (<path/to/bot/file>/bot/skils/skill-Weather-Skill.json)
   
   d. The goto webhooks and paste the ngrok https URL to that and add "/currentweather" after the URl which will be "https://9c42f142a819.ngrok.io/currentweather"

5. Then goto the watson assistant service and create new credentaial and copy these credentials then paste the credentials in the .env file in the <Path/to/weather_bot/project>/weatherbot_api project

      ASSISTANT_IAM_APIKEY=kS0cwK4wdSnEBY3LKkPDk5orOooM3a4lAi9OXtQ3oSdF
      ASSISTANT_SERVICE_URL=https://api.eu-gb.assistant.watson.cloud.ibm.com/instances/ea216b74-9ca0-4a03-b16c-b7cc388689f0
      ASSISTANT_ID=4d874228-10f3-4adc-ace6-4f42087fb0bf
      WEATHER_APIKEY=6115365f8f294414800126a2825e8d1f
      WEATHER_API_BASE_URL=https://api.weatherbit.io/v2.0/

6. Configure cloudant credentials in the weatherbot_api/vcab-local.json file from cloudant db configuration in IBM cloud that will look like this

      {
      "services": {
         "cloudantNoSQLDB": {
               "credentials":
               {
                  "apikey": "2h08yF3hrHXXXXXXXXXXXXXXXXXXXXm1ZKx",
                  "host": "74aa4570-9b0b-XXXXXXXXXX76c4849cefb2-bluemix.cloudantnosqldb.appdomain.cloud",
                  "iam_apikey_description": "Auto-generated for key 454dfc6d-8300-45ac-a5ae-4105f246a6bf",
                  "iam_apikey_name": "wbotcred",
                  "iam_role_crn": "crn:v1:bluemix:public:iam::::serviceRole:Manager",
                  "iam_serviceid_crn": "crn:v1:bluemix:public:iam-identity::a/dcd77e0e68ff426eb5c1a4ea5c5f0dcf::serviceid:ServiceId-0b969ebXXXXXXX83d0-7308200222e5",
                  "url": "https://74aa4570-9b0XXXXXXX-76c4849cefb2-bluemix.cloudantnosqldb.appdomain.cloud",
                  "username": "74aa4570XXXXXXXd-76c4849cefb2-bluemix"
               }
               ,
               "label": "cloudantNoSQLDB"
         }
      }
   }

7. Run Chatui react app from command

   cd chatui
   npm start

   chatui will start on port 3000 (you can go to app.js to change port)

. Goto localhost:3000 in the broswer to use the chatbot

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Ali Alhashimi - @alilibx - [email protected]

Project Link: https://github.com/alilibx/weather_bot.git