mobile frontend for helpsteps
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
HelpSteps
graphics
icon,bak
icon.bak2
README.md
index.html
ionicons.eot
ionicons.svg
ionicons.ttf
ionicons.woff

README.md

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