{"id":791,"date":"2016-02-01T20:35:24","date_gmt":"2016-02-01T20:35:24","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=791"},"modified":"2016-02-10T19:05:29","modified_gmt":"2016-02-10T19:05:29","slug":"announcing-the-angular-cardboard-hackathon-winners","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners","title":{"rendered":"Announcing the Angular Cardboard Hackathon Winners!"},"content":{"rendered":"

\"angular-cardboard-winners\"

The results of the Angular Cardboard Hackathon<\/a> are in! Entries were judged in two categories: Most Engaging App and Best Technology Demonstration.<\/p>\n

The first place winner was Albert Sanchez\u2019 Space Cardboard App, and second place went to Vlado Te\u0161anovi\u0107, for an app that featured birds flying around the static image of a slackliner.
\n<\/p>\n

First Place: Space Cardboard, by Albert Sanchez<\/h3>\n

Sanchez\u2019 Space Cardboard app features a tiny spacecraft that can travel around the solar system and see the Sun and the other nine planets in a 3D environment. Viewers can also see the two main planets\u2019 movements, translation, and rotation by orbiting around the Sun.<\/p>\n

\u201cThis app takes advantage of all the technologies,\u201d says Ionic\u2019s developer advocate Mike Hartington. \u201cIt\u2019s fully immersive, to the point where I was standing up and moving all around the apartment playing with it.\u201d<\/p>\n

Sanchez, who lives in Tijuana, Baja California, Mexico, is in his last semester of Mechatronics Engineering at CETYS University<\/a> and also works full-time as an Information Systems Analyst at a Hubbell Lighting manufacturing plant.<\/p>\n

\u201cI started using Angular because I got interested in creating Chrome apps for school projects, and one of the Chrome app tutorials<\/a> makes use of Angular,\u201d Sanchez says. \u201cI tried it and I liked very much. I continued to apply this knowledge at school and work by combining technologies like nwjs, Electron, and the Chrome packaged apps, in order to power cool projects like robots and automation machines. Ionic entered my life as part of this learning process, and in simple words, I am just in love with Ionic and how easy it is to create a mobile app, a website, and a hybrid desktop app at the same time! Both Angular and Ionic have become important solutions to my everyday problems.\u201d<\/p>\n

Once Sanchez decided to participate in the hackathon and understood the starter template\u2019s code, he started several samples, without knowing for sure what he was going to build. Inspired by Guardians of the Galaxy he decided to work on the concept of a spaceship traveling through space.<\/p>\n

\u201cI found some amazing tutorials on how to create planets and make things move,\u201d he says. \u201cAfter some research on planets, I managed to make them move and rotate, like they do in real life. Once I managed to create a solar system scenario, I added the ability to switch between cardboard mode and normal mode, for someone without a cardboard viewer. My final step was to make a multiplayer option, so that two or more spaceships could travel in the same space, but the December holidays arrived, and Mexican tamales needed my special attention.\u201d<\/p>\n

Sanchez would love to see teachers use his app in the classroom.<\/p>\n

\u201cMy idea was to create a fun educational tool, where you could learn about the planets, and instead of just seeing them in pictures, you could actually travel all around them,\u201d he says. \u201cThis would be amazing for a class session, where every student could get immersed in our solar system.\u201d<\/p>\n

Space Cardboard can be downloaded from Sanchez’ GitHub repo<\/a>. To properly view it, use Ionic View and input ID D118CB8F.<\/p>\n

GIT link: https:\/\/github.com\/AlbertSanIza\/Space-Cardboard.git<\/a>
\nAPK link: http:\/\/albertsaniza.github.io\/downloads\/space-cardboard-android.apk<\/a><\/p>\n

Sanchez noted that Angular and Ionic are great for prototyping and school projects, when you need quick results.<\/p>\n

\u201cAngular is so fast and easy to implement that you are able to get amazing results in no time,\u201d he says. \u201cBoth Angular and Ionic are very well documented, and there are lots of tutorials on how to use them. I believe that web technologies are changing the world, and both Angular and Ionic are leading the way.\u201d<\/p>\n

Second Place: Birds flying around a slackliner, by Vlado Te\u0161anovi\u0107<\/h3>\n

Vlado Te\u0161anovi\u0107\u2019s app features birds flying around the static image of a slackliner.<\/p>\n

\u201cI bundled the panorama image viewer, with birds made in Three.js, and simple drum music,\u201d says Te\u0161anovi\u0107, who lives in Pale, Bosnia, where he is a Senior Programmer at Walter BIM Solutions. \u201cI used Cordova to build a .apk file with an NPM script. Gulp.js was my building tool for transpiling TypeScript into JavaScript, and linting code. SystemJS is the loader I used. In the app, I used Angular 2 with Three.js, with help of lot of third party libraries.\u201d<\/p>\n

Te\u0161anovi\u0107\u2019s code repository is on GitHub<\/a>, and he plans to publish the app to the Google Play store. He also plans to develop his initial idea, a detective game for Cardboard, based on Angular 2, which is the main client-side development platform for his company\u2019s new application.<\/p>\n

GIT Link: https:\/\/github.com\/vladotesanovic\/a2cardboard<\/a>
\nAPK Link: https:\/\/github.com\/vladotesanovic\/a2cardboard\/blob\/master\/builds\/android-debug.apk<\/a><\/p>\n

\u201cWhat I like in Angular 2 is they started with technologies like Service Workers, taking advantage of the shadow DOM with a component-based approach and TypeScript as a main language,\u201d says Te\u0161anovi\u0107. \u201cThe future is bright for web developers, I can’t wait and can’t imagine how much great stuff will come from Angular 2, and I will cheer for Ionic 2, which will make life easier for us.\u201d<\/p>\n","protected":false},"excerpt":{"rendered":"

The results of the Angular Cardboard Hackathon are in! Entries were judged in two categories: Most Engaging App and Best Technology Demonstration. The first place winner was Albert Sanchez\u2019 Space Cardboard App, and second place went to Vlado Te\u0161anovi\u0107, for an app that featured birds flying around the static image of a slackliner.<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[8,3],"class_list":["post-791","post","type-post","status-publish","format-standard","hentry","category-all","tag-built-with","tag-ionic"],"acf":[],"yoast_head":"\nAnnouncing the Angular Cardboard Hackathon Winners! - Ionic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Announcing the Angular Cardboard Hackathon Winners!\" \/>\n<meta property=\"og:description\" content=\"The results of the Angular Cardboard Hackathon are in! Entries were judged in two categories: Most Engaging App and Best Technology Demonstration. The first place winner was Albert Sanchez\u2019 Space Cardboard App, and second place went to Vlado Te\u0161anovi\u0107, for an app that featured birds flying around the static image of a slackliner.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-02-01T20:35:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-02-10T19:05:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/02\/angular-cardboard-winners.png\" \/>\n<meta name=\"author\" content=\"Katie Ginder-Vogel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@katiegv\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Katie Ginder-Vogel\" \/>\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\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners\"},\"author\":{\"name\":\"Katie Ginder-Vogel\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd\"},\"headline\":\"Announcing the Angular Cardboard Hackathon Winners!\",\"datePublished\":\"2016-02-01T20:35:24+00:00\",\"dateModified\":\"2016-02-10T19:05:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners\"},\"wordCount\":872,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/02\/angular-cardboard-winners.png\",\"keywords\":[\"Built With\",\"Ionic\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners\",\"url\":\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners\",\"name\":\"Announcing the Angular Cardboard Hackathon Winners! - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/02\/angular-cardboard-winners.png\",\"datePublished\":\"2016-02-01T20:35:24+00:00\",\"dateModified\":\"2016-02-10T19:05:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/02\/angular-cardboard-winners.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/02\/angular-cardboard-winners.png\",\"width\":1400,\"height\":548},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Announcing the Angular Cardboard Hackathon Winners!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd\",\"name\":\"Katie Ginder-Vogel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g\",\"caption\":\"Katie Ginder-Vogel\"},\"sameAs\":[\"https:\/\/x.com\/katiegv\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/katie\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Announcing the Angular Cardboard Hackathon Winners! - Ionic Blog","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":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners","og_locale":"en_US","og_type":"article","og_title":"Announcing the Angular Cardboard Hackathon Winners!","og_description":"The results of the Angular Cardboard Hackathon are in! Entries were judged in two categories: Most Engaging App and Best Technology Demonstration. The first place winner was Albert Sanchez\u2019 Space Cardboard App, and second place went to Vlado Te\u0161anovi\u0107, for an app that featured birds flying around the static image of a slackliner.","og_url":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners","og_site_name":"Ionic Blog","article_published_time":"2016-02-01T20:35:24+00:00","article_modified_time":"2016-02-10T19:05:29+00:00","og_image":[{"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/02\/angular-cardboard-winners.png"}],"author":"Katie Ginder-Vogel","twitter_card":"summary_large_image","twitter_creator":"@katiegv","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Katie Ginder-Vogel","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners"},"author":{"name":"Katie Ginder-Vogel","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd"},"headline":"Announcing the Angular Cardboard Hackathon Winners!","datePublished":"2016-02-01T20:35:24+00:00","dateModified":"2016-02-10T19:05:29+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners"},"wordCount":872,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/02\/angular-cardboard-winners.png","keywords":["Built With","Ionic"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners","url":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners","name":"Announcing the Angular Cardboard Hackathon Winners! - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/02\/angular-cardboard-winners.png","datePublished":"2016-02-01T20:35:24+00:00","dateModified":"2016-02-10T19:05:29+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/02\/angular-cardboard-winners.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/02\/angular-cardboard-winners.png","width":1400,"height":548},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/announcing-the-angular-cardboard-hackathon-winners#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Announcing the Angular Cardboard Hackathon Winners!"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd","name":"Katie Ginder-Vogel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/131787f56fe4a7c430c43dc65597a3cebe4410b5c9e07b86ea7a07b30886e12b?s=96&d=mm&r=g","caption":"Katie Ginder-Vogel"},"sameAs":["https:\/\/x.com\/katiegv"],"url":"https:\/\/ionic.io\/blog\/author\/katie"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=791"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/791\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=791"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=791"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}