Key Information

Register
Submit
The challenge is finished.

Challenge Overview

We have previously created an AngularJS HTML5 UI prototype in this contest: http://community.topcoder.com/tc?module=ProjectDetail&pj=30044605. 

Now we want to update the prototype to use ionicframework: http://ionicframework.com/ (And we would like to use this version: http://code.ionicframework.com/1.0.0-beta.13/ionic-v1.0.0-beta.13.zip)

We will also provide some pages we have (partially) updated to use the ionic directives, and they are for references only. 

And here are the conversion requirements:

  • Should use ionic directives (ion-list, ion-item, etc.) as much as possible.
  • Should use ionic icons as much as possible
  • You need to follow the ionic best practice in this contest. 
  • The suggested and popular media list pages, as well as the comments list on the media details page should be able to support pull-up-refresh to show more data. You should use ion-infinite-scroll to enable the lists to load more data while user is scrolling the list down. 
  • The converted prototype should look the same as the original prototype. 

Here are some ionic resources for your reference:

  • http://ionicframework.com/getting-started/ - note we are not building a Cordova app in this contest, so just use the inoic library directly. 
  • http://learn.ionicframework.com/videos/ - There are some good videos here, including one on Sass Customization. 


Final Submission Guidelines

Submission Deliverable

  • Update UI Prototype

Supported Mobile Devices

  • Android 4+
  • iOS 6+ 

ELIGIBLE EVENTS:

2015 topcoder Open

REVIEW STYLE:

Final Review:

Community Review Board

Approval:

User Sign-Off

SHARE:

ID: 30047758