DEV Community

Cover image for Azure Phone Chatbot
Verica Spaskovska
Verica Spaskovska

Posted on

Azure Phone Chatbot

Overview of My Submission

This is Azure Friendly ChatBot using Azure Bot Service πŸ’¬ πŸ€–

Step by step:

1.create Azure free account
2.create QnA maker in Azure

image

image

3.Navigate to QnA Maker Portal

image

4.Create a Knowledge Base

image

5.Add a chit-chat Knowledge Base by selecting a personality or add your own QnA

image

6.Create Bot and navigate to Channels tab

image

7.Get the embedded codes, replace YOUR_SECRET_HERE with your secret key and embed code into your website

image

image

8.Make 3d phone design

The Team

Submission Category:

Wacky Wildcards

Link to Code on GitHub

Azure Phone Chatbot

This is 3d Azure Friendly ChatBot using Azure Bot Service πŸ’¬ πŸ€–

We have started this project with the purpose of participating to the Microsoft Azure Hackathon on dev.to.

image

image

Step by step:

  1. create Azure free account
  2. create QnA maker in Azure

image

image

  1. Navigate to QnA Maker Portal

image

  1. Create a Knowledge Base

image

  1. Add a chit-chat Knowledge Base by selecting a personality or add your own QnA

image

6.create Bot and navigate to Channels tab

image

7.Get the embeded codes, replace YOUR_SECRET_HERE with your secret key and embed code into your website

image

image

  1. Make 3d phone design πŸ˜€

The Team

Demo

https://azurechatbot.netlify.app/ πŸ’–




Additional Resources / Info

https://azurechatbot.netlify.app/

Top comments (1)

Collapse
 
seek4samurai profile image
Gourav Singh Rawat

Nice stylings.