Challenge Overview

The goal of this challenge is to add new page to verigames website.

Challenge Requirements

Frontend Module

This page will be added to csfv_frontend_module but will have different theme than the current theme in the module. So you need to create separate layout views, css, and js files. \

Don’t combine statics files with current csfv_frontend_module files, we need the page to be very light wight and to load very fast.

Header/Footer

It should match the UI prototype.

Landing Page

• The logic of this page will match the one created for this minisite http://circuitbot.verigames.com/home

• Use /dynamakr route to access the page.

• So you will create a new controller called Dynamakr.js with viewLandingPage method with logic for the circuitbot minisite home page, you can refer to the logic here.

• Note the following about logic :

  • For top banner with How to Play and Play Now buttons, Instead of getting post by category “game_banners”, you need to search for a post that has category “dynamakr_page” and “template” metadata value = “dynamakr”.

  • Username widget only visible to logged in user :

    • We no more retrieve missions. The widget only render user stats is needed to be retrieved.

    • You need to update the image of badges/awards to have fixed width as we might have images in production with large size so we don’t want to break the UI.

    • Notice the tooltip in the UI prototype. It should be implemented as well.

    • Use a mockup server to retrieve player stats same as done in circuitbot minisite.

  • Top Stories widget

    • use csfv_cms_module cmsPostService to retrieve the news of a configured news category id. The configured ID should read from cms post of category ‘dynamakr_page’ used above. News should be sorted by create date.

  • Twitter widget

    • should be implemented as done in verigames.com home page. the UI must match the UI prototype exactly.

  • About the game widget

    • The youtube code is outdated. You need to follow this code.

  • Other widgets : player of the month, leaderboard and recent activity will follow same way we do in circuitbot minisite.

• The Notification Widget

  • You are provided with a new theme that match the new landing page in a separate UI prototype. You only need to integrate the UI in notification widget views. No backend logic required here.

  • You can understand how to integrate the new UI by referring to this commit. This commit changed the notification to be a web widget.

General Notes

• Update readme of frontend module with any configuration changes or deployment changes.

• Update test data generator if needed.

Documents

UI prototypes are provided in challenge forums.

Github Code

CSFV websites code exists in private github repository http://github.com/topcoderinc

Here is the repositories (you can search for them in the github.com link provided above) :

• csfv_frontend_module

• csfv_test_data_generator : this is used to generate test data.

Final Submission Guidelines

Deliverables

• Patch file of changes.

• Document detailing how to create CMS Post and run the application successfully.

• Text file with any note to reviewer.