{"id":7370,"date":"2019-05-15T09:38:16","date_gmt":"2019-05-15T16:38:16","guid":{"rendered":"http:\/\/www.microsoft.com\/garage-en-us\/?p=7370"},"modified":"2019-06-12T14:36:49","modified_gmt":"2019-06-12T21:36:49","slug":"as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly","status":"publish","type":"post","link":"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/","title":{"rendered":"As seen at Build 2019, Garage interns launch new tool that creates full-stack web apps quickly"},"content":{"rendered":"

Last week at Build 2019, we released Microsoft Web Template Studio<\/a>. The VS Code extension was built by a team of Garage interns and enables simple, full-stack web app creation for the developer who wants to get things going quickly. Web Template Studio is now available worldwide in the Visual Studio Marketplace<\/a> and opensource on GitHub<\/a>. You can read the full story on the Windows Blog<\/a>.<\/p>\n

Create full-stack web apps quickly<\/h2>\n

When the team of Garage interns behind Web Template Studio set out to build the web app prototyping tool, they immediately thought of the quintessential hacker, burning the midnight oil to connect front end, back end, and cloud services solutions in the short space of a hackathon. As Kelly Ng, a Software Engineering Intern describes, \u201cA lot of times in a hackathon, you spend the whole hackathon just setting all of that up before you can start programming. With our tool, you can hook everything up in just 5 or 6 minutes.\u201d Web Template Studio walks developers through a setup wizard that generates a full-stack web app, powered by Azure Services.<\/p>\n

\"ScreenshotSeveral of the interns recalled stories of spending days researching through forums for their own development projects just to find that there was no consensus on an easy solution for spinning up web apps. \u201cThis task can be so difficult, and ultimately a lot of developers wind up saying, \u2018Oh well, I\u2019ll just figure this out myself,\u201d continues Kelly. Amr Sharaf, another Software Engineer Intern, adds, \u201cWhat drew me to this project was, as developers ourselves, we\u2019ve faced this issue every time we wanted to build a project, so we were very familiar with the problem itself and passionate about solving it.\u201d<\/p>\n

Web Template Studio is ideal for someone who wants to prototype or get things going quickly, without having to wade through tedious amounts of research to get started. \u201cOne of the things we focused a lot of attention on was the setup wizard,\u201d shared Imho Traore, Program Manager Intern for the project, speaking of the benefits of the project for newer developers. \u201cThe tool also helps you easily incorporate Azure so you can start to experiment with cloud services. That\u2019s huge when you\u2019re just starting out.\u201d Many team members echoed that they wished they\u2019d had a quick-start tool with resources like this when they were first learning to program.<\/p>\n

With the initial release, the team began to tackle this problem by supporting one full-stack app path with React, Node.js, and Azure Services and is excited to hear what developers would like to see next. For detailed instructions on how to get started, check out GitHub<\/a>.<\/p>\n

Built by Garage interns, inspired by community feedback<\/h2>\n

The Garage Internship is a unique program in which 5-8 interns build solutions as a team in response to creative engineering challenges pitched by Microsoft product groups, with past Garage interns working on Garage project Ink to Code<\/a> and Garage Wall of Famer Seeing AI<\/a>. The Windows Engineering team pitched the concept for Web Template Studio, inspired by a top ask from the developer community. As Clint Rutkas, Senior Product Marketing Manager and sponsor of the project, shares, the project also “takes the learnings from its sister project, Windows Template Studio<\/a> which does the same concept but for native UWP applications. While the two projects target different development environments and tech stacks, they share a lot of tech under the hood.”\u00a0 In addition to creating Web Template Studio, the interns worked on some core technology that powers both of the applications.<\/p>\n

\"Garage
Garage interns pictured from left to right: Amr, Kai, Trevor, Kelly, Sahil, Imho, Danish, and Jimmy<\/figcaption><\/figure>\n

Customer needs are at the center of each Garage intern project and the team worked hard to incorporate feedback from the Windows community. In addition to sharing early prototypes with developers at a handful of hackathons and events, the interns solicited feedback from Microsoft developers, who kicked off the opensource iteration process by submitting a number of inputs.<\/p>\n

The Windows team has released the project on GitHub to maintain an active feedback loop with users. \u201cOne of things I\u2019m most excited about with this project is that it\u2019s open source. I\u2019m really looking forward to seeing the open source community can come in and do its thing, adding features and making improvements,\u201d shared Trevor Ngo, a Software Engineer Intern. The team invites the Windows community to try the project and contribute to the ongoing improvement of the experimental project.<\/p>\n

Winter Cohort interns represented the project at Build 2019 and a new team of interns has taken up the mantle to continue development on the project in the Summer Cohort of the Garage Internship. The second team will be focusing on opensource inputs and feedback as a key guiding force for their next steps on the project.<\/p>\n

Try it and share your feedback<\/h2>\n

Web Template Studio is still early in its development, and the team is excited to hear feedback from developers. Try it out<\/a> and share your thoughts via GitHub<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Last week at Build 2019, we released Microsoft Web Template Studio. The VS Code extension was built by a team of Garage interns and enables simple, full-stack web app creation for the developer who wants to get things going quickly. Web Template Studio is now available worldwide in the Visual Studio Marketplace and opensource on GitHub. You can read the….<\/span><\/p>\n

CONTINUE READING \"As seen at Build 2019, Garage interns launch new tool that creates full-stack web apps quickly\"<\/span><\/a><\/p>","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,4],"tags":[73,64,75,74],"class_list":["post-7370","post","type-post","status-publish","format-standard","hentry","category-garage-interns","category-garage-projects","tag-developer-tools","tag-developers","tag-github","tag-opensource"],"acf":[],"yoast_head":"As seen at Build 2019, Garage interns launch new tool that creates full-stack web apps quickly | Microsoft Garage<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"As seen at Build 2019, Garage interns launch new tool that creates full-stack web apps quickly | Microsoft Garage\" \/>\n<meta property=\"og:description\" content=\"Last week at Build 2019, we released Microsoft Web Template Studio. The VS Code extension was built by a team of Garage interns and enables simple, full-stack web app creation for the developer who wants to get things going quickly. Web Template Studio is now available worldwide in the Visual Studio Marketplace and opensource on GitHub. You can read the....\" \/>\n<meta property=\"og:url\" content=\"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Garage\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-15T16:38:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-12T21:36:49+00:00\" \/>\n<meta name=\"author\" content=\"Lainie Huston\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MSFTGarage\" \/>\n<meta name=\"twitter:site\" content=\"@MSFTGarage\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lainie Huston\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/\",\"url\":\"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/\",\"name\":\"As seen at Build 2019, Garage interns launch new tool that creates full-stack web apps quickly | Microsoft Garage\",\"isPartOf\":{\"@id\":\"http://approjects.co.za/?big=en-us/garage\/#website\"},\"datePublished\":\"2019-05-15T16:38:16+00:00\",\"dateModified\":\"2019-06-12T21:36:49+00:00\",\"author\":{\"@id\":\"http://approjects.co.za/?big=en-us/garage\/#\/schema\/person\/1f5ff4897f1e406938b50553869caa08\"},\"breadcrumb\":{\"@id\":\"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http://approjects.co.za/?big=en-us/garage\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"As seen at Build 2019, Garage interns launch new tool that creates full-stack web apps quickly\"}]},{\"@type\":\"WebSite\",\"@id\":\"http://approjects.co.za/?big=en-us/garage\/#website\",\"url\":\"http://approjects.co.za/?big=en-us/garage\/\",\"name\":\"Microsoft Garage\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http://approjects.co.za/?big=en-us/garage\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"http://approjects.co.za/?big=en-us/garage\/#\/schema\/person\/1f5ff4897f1e406938b50553869caa08\",\"name\":\"Lainie Huston\",\"url\":\"http://approjects.co.za/?big=en-us/garage\/blog\/author\/lainie\/\"}]}<\/script>","yoast_head_json":{"title":"As seen at Build 2019, Garage interns launch new tool that creates full-stack web apps quickly | Microsoft Garage","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/","og_locale":"en_US","og_type":"article","og_title":"As seen at Build 2019, Garage interns launch new tool that creates full-stack web apps quickly | Microsoft Garage","og_description":"Last week at Build 2019, we released Microsoft Web Template Studio. The VS Code extension was built by a team of Garage interns and enables simple, full-stack web app creation for the developer who wants to get things going quickly. Web Template Studio is now available worldwide in the Visual Studio Marketplace and opensource on GitHub. You can read the....","og_url":"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/","og_site_name":"Microsoft Garage","article_published_time":"2019-05-15T16:38:16+00:00","article_modified_time":"2019-06-12T21:36:49+00:00","author":"Lainie Huston","twitter_card":"summary_large_image","twitter_creator":"@MSFTGarage","twitter_site":"@MSFTGarage","twitter_misc":{"Written by":"Lainie Huston","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/","url":"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/","name":"As seen at Build 2019, Garage interns launch new tool that creates full-stack web apps quickly | Microsoft Garage","isPartOf":{"@id":"http://approjects.co.za/?big=en-us/garage\/#website"},"datePublished":"2019-05-15T16:38:16+00:00","dateModified":"2019-06-12T21:36:49+00:00","author":{"@id":"http://approjects.co.za/?big=en-us/garage\/#\/schema\/person\/1f5ff4897f1e406938b50553869caa08"},"breadcrumb":{"@id":"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/"]}]},{"@type":"BreadcrumbList","@id":"http://approjects.co.za/?big=en-us/garage\/blog\/2019\/05\/as-seen-at-build-2019-garage-interns-launch-new-tool-that-creates-full-stack-web-apps-quickly\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http://approjects.co.za/?big=en-us/garage\/"},{"@type":"ListItem","position":2,"name":"As seen at Build 2019, Garage interns launch new tool that creates full-stack web apps quickly"}]},{"@type":"WebSite","@id":"http://approjects.co.za/?big=en-us/garage\/#website","url":"http://approjects.co.za/?big=en-us/garage\/","name":"Microsoft Garage","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http://approjects.co.za/?big=en-us/garage\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"http://approjects.co.za/?big=en-us/garage\/#\/schema\/person\/1f5ff4897f1e406938b50553869caa08","name":"Lainie Huston","url":"http://approjects.co.za/?big=en-us/garage\/blog\/author\/lainie\/"}]}},"_links":{"self":[{"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/posts\/7370"}],"collection":[{"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/comments?post=7370"}],"version-history":[{"count":0,"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/posts\/7370\/revisions"}],"wp:attachment":[{"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/media?parent=7370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/categories?post=7370"},{"taxonomy":"post_tag","embeddable":true,"href":"http://approjects.co.za/?big=en-us/garage\/wp-json\/wp\/v2\/tags?post=7370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}