codeforboston/helpsteps-mobile

Name: helpsteps-mobile

Owner: Code for Boston

Description: mobile frontend for helpsteps

Created: 2015-10-27 23:58:46.0

Updated: 2017-03-23 18:47:28.0

Pushed: 2016-05-09 21:52:40.0

Homepage: null

Size: 22179

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

helpsteps-mobile

mobile frontend for helpsteps

Setup

This application is built with Ionic. First, you'll need to install Node.js, a JavaScript runtime that comes with npm, a package manager.

You will also need to have either Xcode, for iOS development, or Android Studio, for Android development. Both are available as free downloads.

Then, to install Ionic, run:

npm install -g cordova ionic
cd HelpSteps
# For iOS development:
cordova platform add ios
# For Android development:
cordova platform android
cordova plugin add ionic-plugin-keyboard cordova-plugin-google-analytics
cordova plugin add https://github.com/litehelpers/Cordova-sqlite-storage

Running

To run the app in a simulator:

ionic emulate --livereload <platform>

Where <platform> is either ios or android. Including the --livereload option will cause the app to refresh when you make changes.

If you want to specify a device to simulate other than the default (currently iPhone 6S for iOS), you can add a --target argument; e.g.:

ionic emulate ios --target="iPhone-4S, 9.2"

(To find a list of device types available to your simulator, type ios-sim showdevicetypes at the terminal.)

To run the app on a device:

ionic run <platform>

Interactive Development

Since Ionic uses a web view, you can connect to your running app using browser dev tools.

iOS

• Launch Safari.
• If you don't see a Develop menu item, go to Safari -> Settings and check “Show Develop menu in menu bar”.
• In the Develop menu, find “Simulator”, if you're developing in the simulator, or the name of your device.
• Select “index.html” under HelpSteps.html