Peddlr

I just dived into iPhone webapps again, mainly because my old dev license has run out and I’m waiting for a new one at my new firm.

Turns out, you can get pretty cool stuff working with some creative coding.

Allthoug Peddlr isn’t using that many advanced features, it’s getting there slowely.

So what is Peddlr?
Peddlr is a cycle app to monitor your workouts, save statistics and tracks and will work as a motivational coach aswell. With a community edition running in your browser it’s going to be like a nike+ for peddlers.

The main features for Peddlr will be:

• Monitor your races with gps data
• Ghostrunner for competition mode
• Save and share your favorite tracks
• Live race mode
• Motivational audio feedback

The idea is to try getting all of this working true pure html and js goodness, at the moment I’m using raphaeljs to plot out track and I’m currently working on how to autoplay audio for the audio feedback.

And here’s some pics

First screen to select workout mode, possible mode will be “Track”,”Freeform” or “Challenge” where “Challenge” is a community driven challenge system.

Seconds screen is a example of the “Track” mode, here you see your position on the track, and some in race data

Third screen is runningmode where the visual section (right hand side) has been toggled to “Pace & Elevation”. This graph is drawn with raphaeljs.

Fourth screen is an example of the ghost runner, I’m not a 100% about this view, since ghost only can be available when you are on a known track, you might just want to add the ghost to the track preview instead (screen 2)

Although the only thing precent at this time is the actual in race view, and the track preview, you can actually try it out by pointing your iphone to http://www.mondayhero.com/iphone/peddlr/, save it as a webapp to store data locally.

The app calls my server when you stop the race to store race data, but all together it’s a fairly small load.