An open API service indexing awesome lists of open source software.

https://github.com/codeforboston/helpsteps-mobile

mobile frontend for helpsteps
https://github.com/codeforboston/helpsteps-mobile

Last synced: 3 months ago
JSON representation

mobile frontend for helpsteps

Awesome Lists containing this project

README

          

# helpsteps-mobile
mobile frontend for helpsteps

Setup
-----------

This application is built with [Ionic](http://ionicframework.com/). First,
you'll need to install
[Node.js](https://docs.npmjs.com/getting-started/installing-node), a JavaScript
runtime that comes with `npm`, a package manager.

You will also need to have either
[Xcode](https://developer.apple.com/xcode/download/), for iOS development, or
[Android Studio](https://developer.android.com/sdk/index.html), for Android
development. Both are available as free downloads.

Then, to install Ionic, run:

```sh
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:

```sh
ionic emulate --livereload
```

Where `` 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.:

```sh
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:

```sh
ionic run
```

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_