Create an Ionic App Screen with a race tracker, calories and speed and a map

We need one single screen used for tracking a user race pratice.

User must click 'Start' for the tracking begin. He can click "Pause" at anytime and it should not track until he clicks to start again.

The tracked info should be displayed on screen ( thus updated with the $scope, right?)

When user clicks Finish, it should build the object and perform a httpRequest sending the object.

This screen should track:

User's route while running and show it in a map

User's elapsed Time (pausing while paused) show it like Hour : Minutes : Secs

User's Avg Speed while running (in km/h or meter/min)

User's burnt calories while running (weight and height must be variables that will come frm a user's profile info)

User's Pace at the end of the pratice (pace is how many minutes for a km like min x Km)

The JS object that must be build for http is something like:

var pratice = {

date: Date(),

calories: Number,

start : Date(),

end : Date(),

praticeTime: Number (miliseconds),

length: Number (KM),

route : Array of lat, lng,

pace : Number ( min x Km),

velocity: Number (Km/Hour),

}

There is no need of woring about the layout, but the info should be displayed on screen

IT IS VERY IMPORTANT that the speed, location and velocity trackers work right.

I mean, if user started running but suddenly stoped on the way, but did not press 'pause', the race Length should not increase, neither the calories nor speed

Geolokacija Google Zemljevidi API Ionic Framework JavaScript

ID projekta: #10053972

Več o projektu