{"id":20833158,"url":"https://github.com/hubtype/botonic-examples","last_synced_at":"2025-05-08T01:42:32.449Z","repository":{"id":48316048,"uuid":"311966304","full_name":"hubtype/botonic-examples","owner":"hubtype","description":"Examples built with Botonic","archived":false,"fork":false,"pushed_at":"2024-02-22T19:56:52.000Z","size":6221,"stargazers_count":14,"open_issues_count":7,"forks_count":18,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-03-31T16:14:38.723Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/hubtype.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}},"created_at":"2020-11-11T12:37:03.000Z","updated_at":"2025-02-03T06:08:47.000Z","dependencies_parsed_at":"2024-02-21T09:33:13.135Z","dependency_job_id":"5c831b3e-5627-456d-8b01-99247de23f3b","html_url":"https://github.com/hubtype/botonic-examples","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hubtype%2Fbotonic-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hubtype%2Fbotonic-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hubtype%2Fbotonic-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hubtype%2Fbotonic-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hubtype","download_url":"https://codeload.github.com/hubtype/botonic-examples/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252983759,"owners_count":21835758,"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","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":[],"created_at":"2024-11-18T00:14:28.207Z","updated_at":"2025-05-08T01:42:32.294Z","avatar_url":"https://github.com/hubtype.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Botonic Examples\n\nThis repository contains a set of projects available implemented in\n[Botonic](https://botonic.io).\n\nEach example is standalone and can be initialized by running:\n\n```bash\n$ botonic new \u003cbotName\u003e\n```\n\nand select it from the selector.\n\n## Overview of Examples\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003eName\u003c/th\u003e\n    \u003cth\u003eLive Demo\u003c/th\u003e\n    \u003cth\u003eDescription\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/booking-platform\"\u003e\n        Booking Platform\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://botonic-example-booking-platform.netlify.app/\"\u003e🔗\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      This example shows you how to make a reservation in a hotel using a\n      cover component, custom messages and webviews.\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/nlu-assistant\"\u003e\n        NLU Assistant\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://botonic.io/examples/nlu-assistant/\"\u003e🔗\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      This example shows you how to train a custom model using Botonic NLU\n      and take profit of it in order to recognize user intents.\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/telco-offers\"\u003e\n        Telco Offers\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"botonic-example-telco-offers.netlify.app\"\u003e🔗\u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      This example shows you a multi-language conversation flow to acquire an Internet or a cell phone rate using buttons and replies.\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/blank\"\u003e\n        Blank\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003c/td\u003e\n    \u003ctd\u003e\n      Template with empty actions. The bot will always respond with the\n      default `404` action \"I don't understand you\" when you test it.\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/blank-typescript\"\u003e\n        Blank Typescript\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003c/td\u003e\n    \u003ctd\u003e\n      Template with empty actions prepared to be used with Typescript.\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/tutorial\"\u003e\n        Tutorial\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003c/td\u003e\n    \u003ctd\u003eExample with comments to learn by reading the source files.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/custom-webchat\"\u003e\n        Custom Webchat\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003c/td\u003e\n    \u003ctd\u003eCustomizable webchat that can be embedded in your website.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/nlu\"\u003e\n        NLU\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003c/td\u003e\n    \u003ctd\u003eStarter example for your project with NLU capabilities.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/handoff\"\u003e\n        Human Handoff\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003c/td\u003e\n    \u003ctd\u003eSimple bot that transfers the conversation to Hubtype Desk.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/intent\"\u003e\n        Intent\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003c/td\u003e\n    \u003ctd\u003eBot that uses external AI like DialogFlow.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/dynamic-carousel\"\u003e\n        Dynamic Carousel\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003c/td\u003e\n    \u003ctd\u003e\n      Bot that gets data from an external API and renders a Carousel.\n      Carousels are horizontal scrollable elements with image, title and\n      buttons for users to trigger an action.\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd align=\"center\"\u003e\n      \u003ca href=\"https://github.com/hubtype/botonic-examples/tree/master/childs\"\u003e\n        Childs\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\"\u003e\u003c/td\u003e\n    \u003ctd\u003e\n      Simple example on how childRoutes work. It allows you to build a bot\n      with deep flows and navigate a decision tree using interactive\n      elements like buttons.\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## Requirements\n\n- Node.js version 10 or higher\n- [NPM cli](https://docs.npmjs.com/cli/npm) or [Yarn](https://yarnpkg.com/en/)\n\n## Contributing with new examples\n\n1. Fork this project.\n2. Create a new directory within `examples` directory:\n   ```bash\n   $ botonic new \u003cexampleName\u003e\n   ```\n3. Select an example from the prompted list to start with.\n4. Let your imagination run wild.\n5. Push your code.\n6. Open a new [Pull Request](https://github.com/hubtype/botonic-examples/pulls).\n7. We will slightly evaluate and test the project and will be merged as soon as possible. 😊\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhubtype%2Fbotonic-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhubtype%2Fbotonic-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhubtype%2Fbotonic-examples/lists"}