{"id":15129,"date":"2018-05-29T09:59:05","date_gmt":"2018-05-29T08:59:05","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=15129"},"modified":"2020-08-21T12:53:58","modified_gmt":"2020-08-21T11:53:58","slug":"botbot-made-marvel-api","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/","title":{"rendered":"BotBot &#8211; Made with the Marvel API"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">With the launch of our <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/developers\/\">platform API<\/a> last week, we want to continue inspiring you with integration ideas. You might have spotted BotBot in our announcement last week, but I have put together a little more information on how it works and how it can help automate workflows.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><script src=\"https:\/\/fast.wistia.com\/embed\/medias\/xypwggfen6.jsonp\" async><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script><span class=\"wistia_embed wistia_async_xypwggfen6 popover=true popoverAnimateThumbnail=true\" style=\"display: inline-block; height: 420px; position: relative; width: 750px;\">\u00a0<\/span><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We built BotBot as an example of how the Marvel API can be used and was the very first app built on the API! It's made with Vapor, a Swift framework to develop server-side Swift apps. To make sure you can dig into the details and see how both the Marvel API and BotBot work, we have open sourced the code on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/marvelapp\/BotBot\">GitHub<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This integration combines the power of Marvel with everyone's favourite messaging service, Slack, allowing you to automate tasks in Marvel by using commands whilst chatting.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15133 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/05\/Blog_01.png\" alt=\"\" width=\"960\" height=\"615\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/05\/Blog_01.png 960w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/05\/Blog_01-600x384.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/05\/Blog_01-768x492.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Slash Commands include:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Quickly pull up a list of Marvel projects without leaving Slack by typing \/projects<\/li>\n<li>Create a project in seconds by typing \/create-project<\/li>\n<li>Add people to projects by typing \/add-people<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you have a suggestion for more commands or functionality, please open an <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/marvelapp\/BotBot\/issues\/new\">issue<\/a> or submit a <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/marvelapp\/BotBot\/pulls\">pull request.<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This integration is perfect for fast paced teams who manage their design communication within Slack. Users can respond quickly to actions, ideas and suggestions within the messaging app and send direct commands to Marvel. Saving the hassle of jumping screens. Who doesn't like a shortcut?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Imagine automating wireframes or flows from your design system, or adding entire channels to a project for feedback and annotations. To find out more and grab the code, go to our <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/botbot.marvelapp.com\/\">landing page<\/a> or check out the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/github.com\/marvelapp\/BotBot\/\">GitHub repo<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In case you missed it, all the details of the API launch are <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/introducing-the-marvel-api\/\">here<\/a>. It's an exciting addition to Marvel which opens up the whole platform's functionality and gives you the freedom to build the features you want, right away.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-15132 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/05\/Blog_02.png\" alt=\"\" width=\"960\" height=\"480\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/05\/Blog_02.png 960w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/05\/Blog_02-600x300.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/05\/Blog_02-768x384.png 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the launch of our platform API last week, we want to continue inspiring you with integration ideas. You might have spotted BotBot in our announcement last week, but I have put together a little more information on how it works and how it can help automate workflows. \u00a0 We built BotBot as an example of how the Marvel API&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":91,"featured_media":15131,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[453],"tags":[],"class_list":["post-15129","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integrations-api"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"BotBot is made with Vapor, a Swift framework to develop server-side Swift apps on the Marvel API.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BotBot - Made with the Marvel API | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"BotBot is made with Vapor, a Swift framework to develop server-side Swift apps on the Marvel API.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-29T08:59:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-21T11:53:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/05\/Thumbnail_01.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"449\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/05\/Thumbnail_01.png\",\"width\":600,\"height\":449},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/\",\"name\":\"BotBot - Made with the Marvel API | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/#primaryimage\"},\"datePublished\":\"2018-05-29T08:59:05+00:00\",\"dateModified\":\"2020-08-21T11:53:58+00:00\",\"description\":\"BotBot is made with Vapor, a Swift framework to develop server-side Swift apps on the Marvel API.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/c15a12cd56e8c344978415a704279e44\"},\"headline\":\"BotBot &#8211; Made with the Marvel API\",\"datePublished\":\"2018-05-29T08:59:05+00:00\",\"dateModified\":\"2020-08-21T11:53:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/#primaryimage\"},\"articleSection\":\"Integrations &amp; API\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/botbot-made-marvel-api\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/c15a12cd56e8c344978415a704279e44\",\"name\":\"Maxime De Greve\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/840c3a50faa4cfc7c6138fbb03bdfb24e590e8949a055d27e411d6067f9cc9e4?s=96&d=mm&r=g\",\"caption\":\"Maxime De Greve\"},\"description\":\"Designer and Developer @marvelapp. Belgian.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/15129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/91"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=15129"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/15129\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/15131"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=15129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=15129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=15129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}