{"id":20460249,"url":"https://github.com/madahetooo/weather-bot","last_synced_at":"2026-05-19T19:02:22.623Z","repository":{"id":115299982,"uuid":"370844412","full_name":"madahetooo/weather-bot","owner":"madahetooo","description":"this is weather-bot using Microsoft Bot Framework v4 ","archived":false,"fork":false,"pushed_at":"2021-05-29T10:09:55.000Z","size":12339,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-05T11:19:16.335Z","etag":null,"topics":["azure","azure-bot-service","bot","bot-framework","bot-framework-emulator","chatbot","microsoft-bot-framework","microsoft-cognitive-services"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/madahetooo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-05-25T22:36:33.000Z","updated_at":"2023-06-11T10:07:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"941f3e78-49b9-4d3a-99a5-f7e8cee78bbf","html_url":"https://github.com/madahetooo/weather-bot","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/madahetooo/weather-bot","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madahetooo%2Fweather-bot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madahetooo%2Fweather-bot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madahetooo%2Fweather-bot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madahetooo%2Fweather-bot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/madahetooo","download_url":"https://codeload.github.com/madahetooo/weather-bot/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/madahetooo%2Fweather-bot/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267621584,"owners_count":24116900,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["azure","azure-bot-service","bot","bot-framework","bot-framework-emulator","chatbot","microsoft-bot-framework","microsoft-cognitive-services"],"created_at":"2024-11-15T12:18:56.135Z","updated_at":"2026-05-19T19:02:17.558Z","avatar_url":"https://github.com/madahetooo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# netways-weather-bot-task\n### Describtion\nThis is a chatbot for getting the weather degree.\nThis bot has been created using [Bot Framework](https://dev.botframework.com), it shows how to create a simple bot that accepts input from the user and echoes it back.\nFirstly, I started searching for what is the Microsoft Bot Framework and how to use it, Then downloaded the Prerequisites to be able to start working on the task.\n\n## Prerequisites\n- [ASP.NET Core Runtime 3.1](https://dotnet.microsoft.com/download)\n- [Microsoft Visual Studio 2019 for Mac.](https://visualstudio.microsoft.com/vs/mac/)\n- [Microsoft Bot Emulator.](https://github.com/microsoft/BotFramework-Emulator/blob/master/README.md)\n- [Bot Framework v4 SDK Templates for Visual Studio](https://marketplace.visualstudio.com/items?itemName=BotBuilder.botbuilderv4)\n- [Node.js](https://nodejs.org) version 10.14.1 or higher\n\n    ```bash\n    # determine node version\n    node --version\n    ```\n\n## To run the bot i faced some troubles because of my mac:\n- After downloading the VS and the botBuilder VSIXV4.vsix file, i couldn't install it because this extention not supported on macOS.\n- So i downloaded a sample code locally to open it with VS to test and try the emulator and it works fine, but still cannot see the \" Create Echo Bot\" template from the starting new project panel, to be able to start from scartch as shown below.\n\n\n\u003cimg width=\"800\" height=\"400\" alt=\"Screen Shot 2021-05-25 at 8 15 44 PM\" src=\"https://user-images.githubusercontent.com/28203059/119680615-a37d9480-be41-11eb-9ce4-2d328c3d126c.png\"\u003e\n\n\u003cimg width=\"600\" height=\"400\" alt=\"Screen Shot 2021-05-26 at 4 20 14 PM\" src=\"https://user-images.githubusercontent.com/28203059/119676909-8b584600-be3e-11eb-8a55-377287fd2bd0.png\"\u003e\n\n\n- So I switched the work from C# to JavaScript to be able to create the project from the scartch and save time for the task delivery.\n- So,I started with installing the Yeoman generator for Bot Framework v4. It Will let me quickly set up a conversational AI bot using core AI capabilities.\n\n    ```bash\n    npm install -g yo\n    ```\n    ```bash\n    npm install -g generator-botbuilder\n    ```\n    \n     \n- Choose \"Echo Bot \" Template and used the core bot features \" Send and Receive Messages\".\n- Create a New Project  \n    ```bash\n    yo botbuilder\n    ```\n    \n- Install modules\n\n    ```bash\n    npm install\n    ```\n    \n- Start the bot\n\n    ```bash\n    npm start\n    ```\n### And Here we go!\n \u003cimg width=\"1440\" alt=\"Screen Shot 2021-05-26 at 12 08 11 AM\" src=\"https://user-images.githubusercontent.com/28203059/119681048-053dfe80-be42-11eb-97d7-2316a77f4ac6.png\"\u003e\n\n\n\n\n### Connect to the bot using Bot Framework Emulator\n\n- Launch Bot Framework Emulator\n- Enter a Bot URL of `http://localhost:3978/api/messages`\n- Then i followed the task requirements turns, until here and the bot works locally fine.\n\u003cimg width=\"1399\" alt=\"Screen Shot 2021-05-26 at 12 15 40 AM\" src=\"https://user-images.githubusercontent.com/28203059/119681203-243c9080-be42-11eb-90ad-b51c2a2bd482.png\"\u003e\n\n\n## Deploy the bot to Azure\n\nwhen it come to deploying a bot to Azure, i used this docs [Deploy your bot to Azure](https://aka.ms/azuredeployment) for a complete the list of deployment instructions.\nI started with pushing the project to Github without the node_modules by adding it to the .gitignore file.\n- First I make a subscription to Microsoft Azure.\n- Downloaded the latest version of Azure CLI.\nBut while following the instructions, I faced this error while deploying:\n\u003cimg width=\"635\" alt=\"Screen Shot 2021-05-26 at 4 54 01 PM\" src=\"https://user-images.githubusercontent.com/28203059/119682213-fefc5200-be42-11eb-910c-b00c5b87f9ab.png\"\u003e\n\n\nAfter doing a research on this [issue](https://github.com/Azure/azure-quickstart-templates/issues/7302), i followed a tutorial to solve it manually by adding: \n- Azure Extension on VSC and connect it with Github repo.\n- Join Microsoft Azure dashboard.\n- Create a Resource Group for the bot.\n- Create an App service plan.\n- Create a New Bot Web APP.\n\u003cimg width=\"1440\" alt=\"Screen Shot 2021-05-26 at 4 11 54 PM\" src=\"https://user-images.githubusercontent.com/28203059/119683470-f6f0e200-be43-11eb-925a-fb6fa9dc4a72.png\"\u003e\n\n\n\n- Also made an Azure Pipeline.\n\u003cimg width=\"1000\" alt=\"Screen Shot 2021-05-26 at 4 09 51 PM\" src=\"https://user-images.githubusercontent.com/28203059/119683699-26075380-be44-11eb-86ea-32cb64f1da92.png\"\u003e\n\n\n\n\n- And its Done.\n\u003cimg width=\"1000\" alt=\"Screen Shot 2021-05-26 at 3 51 52 PM\" src=\"https://user-images.githubusercontent.com/28203059/119683872-53540180-be44-11eb-830f-0a71f4196567.png\"\u003e\n\n\n\n\n\n- From the \"Channel\" Integration end point, I choosed WEB APP, and added the iframe to my personal website for example.\n\u003cimg width=\"1000\" alt=\"Screen Shot 2021-05-26 at 3 53 38 PM\" src=\"https://user-images.githubusercontent.com/28203059/119684342-b9408900-be44-11eb-9da7-3b3cf7347be9.png\"\u003e\n\n## You can test it through this url:\n[BotWebApp](https://www.eslammedhat.me/home)\n\n\n## I used Luis.ai\n\u003cimg width=\"1440\" alt=\"Screen Shot 2021-05-29 at 12 09 16 PM\" src=\"https://user-images.githubusercontent.com/28203059/120066446-baf19300-c076-11eb-9847-2cc99426929d.png\"\u003e\n\n\n\n## I Also worked with QnA Maker \n\u003cimg width=\"1438\" alt=\"Screen Shot 2021-05-28 at 9 39 46 PM\" src=\"https://user-images.githubusercontent.com/28203059/120066093-23d80b80-c075-11eb-94bc-8ce86f1bdcaa.png\"\u003e\n\n\nAnd tested it and works as expected\n\u003cimg width=\"410\" alt=\"Screen Shot 2021-05-28 at 9 40 42 PM\" src=\"https://user-images.githubusercontent.com/28203059/120066110-34888180-c075-11eb-9199-ff4f6265c40a.png\"\u003e\n\n\n## Then i published the QnA Maker and added the configuration to the .env file to hit the Knowloedge base\n\u003cimg width=\"1437\" alt=\"Screen Shot 2021-05-28 at 9 44 09 PM\" src=\"https://user-images.githubusercontent.com/28203059/120066156-7b767700-c075-11eb-9312-444ee15a3167.png\"\u003e\n\n\n\u003cimg width=\"1440\" alt=\"Screen Shot 2021-05-29 at 11 44 42 AM\" src=\"https://user-images.githubusercontent.com/28203059/120066189-b24c8d00-c075-11eb-9cb6-b9aa57a056bb.png\"\u003e\n\n\n## When it comes the enhancing the front end, i followed this tutorial\n- [Change chat bubble font and color](https://docs.microsoft.com/en-us/azure/bot-service/bot-builder-webchat-customization?view=azure-bot-service-4.0)\n\n\u003cimg width=\"798\" alt=\"Screen Shot 2021-05-29 at 11 55 29 AM\" src=\"https://user-images.githubusercontent.com/28203059/120066195-baa4c800-c075-11eb-93a3-8433e0cb51dd.png\"\u003e\n\n\n## References i used\n\n- [Bot Framework Documentation](https://docs.botframework.com)\n- [Bot Basics](https://docs.microsoft.com/azure/bot-service/bot-builder-basics?view=azure-bot-service-4.0)\n- [Azure Bot Service Introduction](https://docs.microsoft.com/azure/bot-service/bot-service-overview-introduction?view=azure-bot-service-4.0)\n- [Azure Bot Service Documentation](https://docs.microsoft.com/azure/bot-service/?view=azure-bot-service-4.0)\n- [Azure CLI](https://docs.microsoft.com/cli/azure/?view=azure-cli-latest)\n- [Azure Portal](https://portal.azure.com)\n- [Channels and Bot Connector Service](https://docs.microsoft.com/en-us/azure/bot-service/bot-concepts?view=azure-bot-service-4.0)\n- [Restify](https://www.npmjs.com/package/restify)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadahetooo%2Fweather-bot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmadahetooo%2Fweather-bot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmadahetooo%2Fweather-bot/lists"}