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+