Skip to content

gxy001/runningPiggy

Repository files navigation

Piggy's 1st running app

It is the 1st mobile app that Piggy has ever written. The app is inspired by the fact that Piggy's started enjoying the 3km run recently. The ultimate goal of the running app is to track the time, distance and running path during the workout, save the running data and share at Facebook.

###Screenshot ("New Workout" tab):

ScreenShot

###Used Technologies:

The following technologies are currently used in the app:

  • Ionic (with AngularJS + Cordova)
  • Google Maps JavaScrit API w/ geometry library

##About Ionic App Base

A starting project for Ionic that optionally supports using custom SCSS.

Using this project

We recommend using the ionic utility to create new Ionic projects that are based on this project but use a ready-made starter template.

For example, to start a new Ionic project with the default tabs interface, make sure the ionic utility is installed:

$ sudo npm install -g ionic

Then run:

$ sudo npm install -g ionic
$ ionic start myProject tabs

More info on this can be found on the Ionic Getting Started page.

Installation

While we recommend using the ionic utility to create new Ionic projects, you can use this repo as a barebones starting point to your next Ionic app.

To use this project as is, first clone the repo from GitHub, then run:

$ cd ionic-app-base
$ sudo npm install -g cordova ionic gulp
$ npm install
$ gulp install

Using Sass (optional)

This project makes it easy to use Sass (the SCSS syntax) in your projects. This enables you to override styles from Ionic, and benefit from Sass's great features.

Just update the ./scss/ionic.app.scss file, and run gulp or gulp watch to rebuild the CSS files for Ionic.

Note: if you choose to use the Sass method, make sure to remove the included ionic.css file in index.html, and then uncomment the include to your ionic.app.css file which now contains all your Sass code and Ionic itself:

<!-- IF using Sass (run gulp sass first), then remove the CSS include above
<link href="css/ionic.app.css" rel="stylesheet">
-->

Updating Ionic

To update to a new version of Ionic, open bower.json and change the version listed there.

For example, to update from version 1.0.0-beta.4 to 1.0.0-beta.5, open bower.json and change this:

"ionic": "driftyco/ionic-bower#1.0.0-beta.4"

To this:

"ionic": "driftyco/ionic-bower#1.0.0-beta.5"

After saving the update to bower.json file, run gulp install.

Alternatively, install bower globally with npm install -g bower and run bower install.

Using the Nightly Builds of Ionic

If you feel daring and want use the bleeding edge 'Nightly' version of Ionic, change the version of Ionic in your bower.json to this:

"ionic": "driftyco/ionic-bower#master"

Warning: the nightly version is not stable.

Issues

Issues have been disabled on this repo, if you do find an issue or have a question consider posting it on the Ionic Forum. Or else if there is truly an error, follow our guidelines for submitting an issue to the main Ionic repository. On the other hand, pull requests are welcome here!

About

Piggy's 1st running app using Ionic (AngularJS + Cordova) and popular web APIs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published