Challenge Overview
Challenge Introduction:
In this challenge, we want to build the HTML5 responvie prototype for the TopCoder iOS Program. The storyboard files (PSD format) are provided as the input of this challenge.
Challenge Requirements:
- The prototype should be built using HTML5 with latest Bootstrap 3.3.4 (http://getbootstrap.com/) and AgularJS UI Bootstrap (http://angular-ui.github.io/bootstrap/)
- Use the bootstrap responsive layout for all the pages to make sure it displays and functions well under desktop, tablet and mobile devices.
- The prototype should NOT depend on jquery or Bootstrap JS. Instead, for any bootstrap components you wanna use, please use AgularJS UI Bootstrap (http://angular-ui.github.io/bootstrap/)
- Please make sure the implemented pages are linked together. For example, "Become a member" button should links to the Registration page.
- Below is the detail requirements on each page:
1) Developer-Register.psd
- Please implement inline validations for the Register Form. All the fileds are required.
- The Agree to terms checkbox should be implemented as in storyboard.
2) Developer-Profile.psd
- The Rating and Recognition section has badges, the progress indicator should not be hardcoded, that means progress can be set be an attribute in the HTML tag and or by Javascript.
3) Developer-Log-In.psd
- Please implement inline validations for the Login Form. All the fileds are required.
Browser Requirements:
-
IE9+
-
Latest Google Chrome (Windows & Mac OS)
-
Latest Safari (Windows & Mac OS)
-
Latest Firefox (Windows & Mac OS)
-
All Mobile & Tablet browsers
Challenge Input:
Storyboard Files: https://drive.google.com/open?id=0Bww3aX1VcxdOY1M1UlpDNno2Qjg&authuser=0
Final Submission Guidelines
- The whole implemented prototype packaged.