Challenge Overview

The main goal of this challenge is to build a Force.com site with custom Visualforce pages using the provided UI prototype and following the outlined requirements. The objective is to mock the visual representation for each of the mentioned pages

Challenge Requirements

Force.com Site

You are building a Force.com Site with custom Visual force pages. Refer here and here for more information about Force.com.

Custom Objects and Backend

None required

Pages Requirements

• Separate VF pages for each of the tabs shown as per the UI prototype

Footer

• Make it a component so that it can be reused across multiple pages

Login Functionality

• Main users in the portal are students.

• Mock the login page as per the UI Prototype

• Validation should be implemented. We don’t have styling for failed login, you can display red message top of username field.

Landing Page

• Page http://demo.topcoder.com/studio/psr/final-fix/index.html

  • user: studio

  • pass: GGugBsLG

• Implement a carousel as shown in UI prototype

• Implement all sections of the page exactly as shown in UI prototype

Resources Page

Mock all content as shown in mockup including

• It also should have an order field to control the items display order.

• List of courses

• Documents

• Challenges

• Transportation

• Calendar

Student Review Page (Mock as per UI prototype)

• fields are required

• add validation on frontend so student cannot submit more than 2 times.

• Note the star rating must work as shown in the mockup

Document Library Page (Mock as per UI prototype)

• Documents

• search

• pagination

Survey (Mock as per UI prototype)

• Survey Object

Survey Report

Show a mocked implementation any open source charting library. Please confirm in the forums before you pick a library.

• Report

Students in the Program (Mock as per UI prototype)

• Students

Documents

The UI Prototype is provided in challenge forums.

 

Final Submission Guidelines

Deliverable

Please submit the following

• An unmanaged package meeting all mentioned requirements

• Complete source code in zipped format

• An unlisted demo video (YouTube/ Screencast/ any other)

• Deployment Guide with all configuration and verification steps for the mentioned requirements