{"id":127,"date":"2014-07-28T01:00:00","date_gmt":"2014-07-28T01:00:00","guid":{"rendered":"http:\/\/localhost\/?p=127"},"modified":"2015-12-16T19:51:23","modified_gmt":"2015-12-16T19:51:23","slug":"case-study-fitrpg","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/case-study-fitrpg","title":{"rendered":"Built with Ionic: FitRPG"},"content":{"rendered":"<p><img decoding=\"async\" class=\"showcase-image lazyload\" data-src=\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\"><noscript><img decoding=\"async\" class=\"showcase-image\" src=\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.png\"><\/noscript><\/p>\n<p>Created by software developers Amira Anuar, Matt Gutierrez, and Conor Fennell at <a href=\"http:\/\/www.hackreactor.com\/\">Hack Reactor<\/a>, a dev bootcamp in San Francisco, <a href=\"http:\/\/fitrpg.co\/\">FitRPG<\/a> turns <a href=\"http:\/\/www.fitbit.com\/\">Fitbit<\/a> data into a game that friends and family members can play against each other. The app is integrated with the Fitbit API to allow users who own Fitbits to use the data to level up an in-game character, compete against other players or bosses, and go on fitness quests, turning fitness into entertainment. The company is currently running a <a href=\"https:\/\/www.kickstarter.com\/projects\/fitrpg\/fitrpg-gamifying-fitness-trackers-fitbit-for-ios-a\">Kickstarter campaign<\/a> to build out their UX talent.<\/p>\n<p><!--more--><\/p>\n<p>The FitRPG team heard about Ionic when founder Max Lynch gave a demo of Ionic at Hack Reactor. \u201cEveryone was pretty impressed by how easy it is to develop a hybrid app using the framework, the clean and intuitive UI, and the many different components it supports, so we decided to use it in building our project,\u201d says Anuar. \u201cIonic provided starter apps, such as the sidebar menu, which helped us focus on the the actual game rather than the UI. We used a lot of the UI elements, from CSS classes to Javascript popups, loading, and navigation controls.\u201d<\/p>\n<p><a href=\"https:\/\/ionic.io\/img\/blog\/fitrpg-app-preview.png\"><img decoding=\"async\" class=\"body-image lazyload\" data-src=\"https:\/\/ionic.io\/img\/blog\/fitrpg-app-preview.png\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\"><noscript><img decoding=\"async\" class=\"body-image\" src=\"https:\/\/ionic.io\/img\/blog\/fitrpg-app-preview.png\"><\/noscript><\/a><\/p>\n<p>Gutierrez says Ionic reminded him of Bootstrap. \u201cIt provided simple to use CSS classes and Javascript functions, all built on top of Angular,\u201d he says. \u201cBecause it was almost exactly like Angular, it makes it incredibly easy to create a web version of the app and then convert it to a mobile version using Ionic.\u201d<\/p>\n<p>The FitRPG concept app was built as a web app using the MEAN tech stack (Mongo DB, Node\/Express, and Angular). \u201cIt made sense to use Ionic, since it was built on top of Angular, so the transition was smooth for us,\u201d says Fennell. \u201cIonic makes it incredibly easy to transition from a web app to a mobile app.\u201d<\/p>\n<p>FitRPG is available on <a href=\"https:\/\/itunes.apple.com\/us\/app\/fitrpg-gamifying-fitbit\/id887067605?ls=1&amp;mt=8\">iTunes<\/a> and <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.fatchickenstudios.fitrpg\">Google Play<\/a>.<\/p>\n<p>Developers:<br \/>\n<a href=\"http:\/\/amiraanuar.com\/\">Amira Anuar<\/a>,<br \/>\n<a href=\"https:\/\/github.com\/fatchicken007\">Matt Gutierrez<\/a>,<br \/>\n<a href=\"https:\/\/github.com\/conorfennell\">Conor Fennell<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Created by software developers Amira Anuar, Matt Gutierrez, and Conor Fennell at Hack Reactor, a dev bootcamp in San Francisco, FitRPG turns Fitbit data into a game that friends and family members can play against each other. The app is integrated with the Fitbit API to allow users who own Fitbits to use the data [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","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],"class_list":["post-127","post","type-post","status-publish","format-standard","hentry","category-all","tag-built-with"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Built with Ionic: FitRPG - 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\/case-study-fitrpg\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Built with Ionic: FitRPG\" \/>\n<meta property=\"og:description\" content=\"Created by software developers Amira Anuar, Matt Gutierrez, and Conor Fennell at Hack Reactor, a dev bootcamp in San Francisco, FitRPG turns Fitbit data into a game that friends and family members can play against each other. The app is integrated with the Fitbit API to allow users who own Fitbits to use the data [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/case-study-fitrpg\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-28T01:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-12-16T19:51:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/case-study-fitrpg#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/case-study-fitrpg\"},\"author\":{\"name\":\"Katie Ginder-Vogel\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd\"},\"headline\":\"Built with Ionic: FitRPG\",\"datePublished\":\"2014-07-28T01:00:00+00:00\",\"dateModified\":\"2015-12-16T19:51:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/case-study-fitrpg\"},\"wordCount\":322,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/case-study-fitrpg#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.png\",\"keywords\":[\"Built With\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/case-study-fitrpg#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/case-study-fitrpg\",\"url\":\"https:\/\/ionic.io\/blog\/case-study-fitrpg\",\"name\":\"Built with Ionic: FitRPG - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/case-study-fitrpg#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/case-study-fitrpg#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.png\",\"datePublished\":\"2014-07-28T01:00:00+00:00\",\"dateModified\":\"2015-12-16T19:51:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/case-study-fitrpg#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/case-study-fitrpg\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/case-study-fitrpg#primaryimage\",\"url\":\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.png\",\"contentUrl\":\"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/case-study-fitrpg#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Built with Ionic: FitRPG\"}]},{\"@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":"Built with Ionic: FitRPG - 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\/case-study-fitrpg","og_locale":"en_US","og_type":"article","og_title":"Built with Ionic: FitRPG","og_description":"Created by software developers Amira Anuar, Matt Gutierrez, and Conor Fennell at Hack Reactor, a dev bootcamp in San Francisco, FitRPG turns Fitbit data into a game that friends and family members can play against each other. The app is integrated with the Fitbit API to allow users who own Fitbits to use the data [&hellip;]","og_url":"https:\/\/ionic.io\/blog\/case-study-fitrpg","og_site_name":"Ionic Blog","article_published_time":"2014-07-28T01:00:00+00:00","article_modified_time":"2015-12-16T19:51:23+00:00","og_image":[{"url":"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/case-study-fitrpg#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/case-study-fitrpg"},"author":{"name":"Katie Ginder-Vogel","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd"},"headline":"Built with Ionic: FitRPG","datePublished":"2014-07-28T01:00:00+00:00","dateModified":"2015-12-16T19:51:23+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/case-study-fitrpg"},"wordCount":322,"commentCount":2,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/case-study-fitrpg#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.png","keywords":["Built With"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/case-study-fitrpg#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/case-study-fitrpg","url":"https:\/\/ionic.io\/blog\/case-study-fitrpg","name":"Built with Ionic: FitRPG - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/case-study-fitrpg#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/case-study-fitrpg#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.png","datePublished":"2014-07-28T01:00:00+00:00","dateModified":"2015-12-16T19:51:23+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/case-study-fitrpg#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/case-study-fitrpg"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/case-study-fitrpg#primaryimage","url":"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.png","contentUrl":"https:\/\/ionic.io\/img\/blog\/coride-app-preview.pngblog\/fitrpg-header.png"},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/case-study-fitrpg#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Built with Ionic: FitRPG"}]},{"@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\/127","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=127"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/127\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}