{"id":1335,"date":"2016-08-26T14:56:03","date_gmt":"2016-08-26T14:56:03","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=1335"},"modified":"2016-09-27T18:46:02","modified_gmt":"2016-09-27T18:46:02","slug":"built-with-ionic-phoneflare","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare","title":{"rendered":"Built with Ionic: PhoneFlare"},"content":{"rendered":"

\"PhoneFlare

PhoneFlare<\/a>, available on iOS<\/a> and Android<\/a>, allows you to trigger an alarm by ripping an accessory from the headphone port, kind of like the emergency cord on a treadmill; or by pressing a button. You can also use PhoneFlare to set check-in times with family and friends; if you fail to meet those times, they\u2019ll know something\u2019s up.<\/p>\n

If you\u2019re in danger, the app texts friends and family your location and automatically calls your school’s safety dispatch if you’re on campus. Advanced features prevent coercion and allow for audio recording and UDID logging during emergencies.
\n<\/p>\n

\u201cWhile designed to curtail instances of sexual assault on campuses, PhoneFlare can have practical applications for everyone, including children and the elderly,\u201d says PhoneFlare developer Chris Jarvis<\/a>, a filmmaker and game developer who creates projects like PhoneFlare in his spare time. \u201cWe’re rolling out auto-call support to some retirement communities at launch.\u201d<\/p>\n

Jarvis even created a trailer for PhoneFlare. Watch here<\/a>.<\/p>\n

\u201cWe used tons of plugins and were consistently amazed at how well-documented and helpful the community was with all aspects of our development,\u201d says Jarvis. \u201cCordova plugins, in particular, are so easy to integrate and well-documented that you can get very advanced functionality going in just a few minutes.\u201d<\/p>\n

The app integrates LoopBack to a back-end server that actually makes the phone calls and compares the GPS location of the user to the campus geobounds Jarvis and his team crowdsourced.<\/p>\n

\u201cIonic and Angular made the process very fluid and easy across devices,\u201d says Jarvis. \u201cOne more of the several things we were grateful we could avoid in both Objective-C and Java.\u201d<\/p>\n

The team used navigator.appVersion.indexOf and then showed\/hid different design elements with ng-show, or provided different kinds of functionality, to differentiate the app\u2019s look and feel between the iOS and Android platforms.<\/p>\n

\u201cWhat’s amazing about Ionic is how quickly you can substitute design elements and change\/prototype layouts, says Jarvis. \u201cI never had to use any kind of mockup software because it was just as quick and easy to throw it together for real using the live console. Ionic Lab<\/a> was also a huge help in this regard. And the ability to control it all from the CLI<\/a> just makes it that much snappier.\u201d<\/p>\n

Jarvis notes the usefulness of having one codebase and the flexibility of an intuitive language like AngularJS.<\/p>\n

\u201cLive serving and being able to debug in a web browser is a huge plus and something that came as a very pleasant surprise,\u201d he says. \u201cYou can get into a rhythm that’s difficult to attain when you constantly have to recompile in more traditional IDEs.\u201d<\/p>\n

Jarvis has been using Ionic since he first learned to code and a friend of his told him about Ionic, and he credits the Ionic community with making his journey into mobile development so positive.<\/p>\n

\u201cAngularJS was the perfect first language and Ionic the perfect framework\u2014both incredibly powerful, flexible, and intuitive,\u201d he says. \u201cI was able to learn so much by sifting through the documentation and codepen tutorials and by having questions answered personally from an exceptionally friendly and supportive community. When diving head-first into something for the first time, that sense of support and community is so invaluable. Without Ionic, I’m really not sure I would’ve had the patience or confidence to bring my artwork into a software context.\u201d<\/p>\n","protected":false},"excerpt":{"rendered":"

What do you do when you\u2019re in a situation that feels unsafe? Wouldn\u2019t it be great if you could leverage your mobile device for personal safety? Well, now there\u2019s an Ionic app for that. PhoneFlare, available on iOS and Android, allows you to trigger an alarm by ripping an accessory from the headphone port, kind […]<\/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,30,3],"class_list":["post-1335","post","type-post","status-publish","format-standard","hentry","category-all","tag-built-with","tag-built-with-ionic","tag-ionic"],"acf":[],"yoast_head":"\nBuilt with Ionic: PhoneFlare - 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\/built-with-ionic-phoneflare\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Built with Ionic: PhoneFlare\" \/>\n<meta property=\"og:description\" content=\"What do you do when you\u2019re in a situation that feels unsafe? Wouldn\u2019t it be great if you could leverage your mobile device for personal safety? Well, now there\u2019s an Ionic app for that. PhoneFlare, available on iOS and Android, allows you to trigger an alarm by ripping an accessory from the headphone port, kind […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-26T14:56:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-09-27T18:46:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/phoneflare-header-1024x602.jpg\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare\"},\"author\":{\"name\":\"Katie Ginder-Vogel\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd\"},\"headline\":\"Built with Ionic: PhoneFlare\",\"datePublished\":\"2016-08-26T14:56:03+00:00\",\"dateModified\":\"2016-09-27T18:46:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare\"},\"wordCount\":609,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/phoneflare-header-1024x602.jpg\",\"keywords\":[\"Built With\",\"Built with Ionic\",\"Ionic\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare\",\"url\":\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare\",\"name\":\"Built with Ionic: PhoneFlare - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/phoneflare-header-1024x602.jpg\",\"datePublished\":\"2016-08-26T14:56:03+00:00\",\"dateModified\":\"2016-09-27T18:46:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/phoneflare-header.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/phoneflare-header.jpg\",\"width\":1400,\"height\":823,\"caption\":\"PhoneFlare app\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Built with Ionic: PhoneFlare\"}]},{\"@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: PhoneFlare - 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\/built-with-ionic-phoneflare","og_locale":"en_US","og_type":"article","og_title":"Built with Ionic: PhoneFlare","og_description":"What do you do when you\u2019re in a situation that feels unsafe? Wouldn\u2019t it be great if you could leverage your mobile device for personal safety? Well, now there\u2019s an Ionic app for that. PhoneFlare, available on iOS and Android, allows you to trigger an alarm by ripping an accessory from the headphone port, kind […]","og_url":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare","og_site_name":"Ionic Blog","article_published_time":"2016-08-26T14:56:03+00:00","article_modified_time":"2016-09-27T18:46:02+00:00","og_image":[{"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/phoneflare-header-1024x602.jpg"}],"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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare"},"author":{"name":"Katie Ginder-Vogel","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/2910da3234dfb4b3870480300da225fd"},"headline":"Built with Ionic: PhoneFlare","datePublished":"2016-08-26T14:56:03+00:00","dateModified":"2016-09-27T18:46:02+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare"},"wordCount":609,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/phoneflare-header-1024x602.jpg","keywords":["Built With","Built with Ionic","Ionic"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare","url":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare","name":"Built with Ionic: PhoneFlare - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/phoneflare-header-1024x602.jpg","datePublished":"2016-08-26T14:56:03+00:00","dateModified":"2016-09-27T18:46:02+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/phoneflare-header.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/08\/phoneflare-header.jpg","width":1400,"height":823,"caption":"PhoneFlare app"},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/built-with-ionic-phoneflare#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Built with Ionic: PhoneFlare"}]},{"@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\/1335","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=1335"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1335\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=1335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=1335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=1335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}