July 28, 2014
  • All
  • Built With

Built with Ionic: FitRPG

Katie Ginder-Vogel

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 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 Kickstarter campaign to build out their UX talent.

The FitRPG team heard about Ionic when founder Max Lynch gave a demo of Ionic at Hack Reactor. “Everyone 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,” says Anuar. “Ionic 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.”

Gutierrez says Ionic reminded him of Bootstrap. “It provided simple to use CSS classes and Javascript functions, all built on top of Angular,” he says. “Because 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.”

The FitRPG concept app was built as a web app using the MEAN tech stack (Mongo DB, Node/Express, and Angular). “It made sense to use Ionic, since it was built on top of Angular, so the transition was smooth for us,” says Fennell. “Ionic makes it incredibly easy to transition from a web app to a mobile app.”

FitRPG is available on iTunes and Google Play.

Amira Anuar,
Matt Gutierrez,
Conor Fennell

Katie Ginder-Vogel