What the Hack! Cyber Security Game - Design Screen Implementation

Welcome to What the Hack! Cyber Security Game - Design Screen Implementation Contest! In this contest, we will be creating an Android app using Ionic.

 

Contest Details

We have a bunch of designs for an Android based mobile game that we are now implementing using Ionic (latest). For this contest, you need not worry about the workflow or how the game works. The focus of this contest is to get the screens implemented.

 

The designs will be shared with you in the contest forum. Note that you will be building the screens using Ionic and the target platform will be Android - you can use Android version 6 and above for testing and for reviews.

 

Only the following screens are in scope for now:

01-01

01-02

02-01, 04-00 and 06-00 (Same screen, different content / background)

02-02

03-01, 03-02, 03-03, 04-01, 04-02, 04-03, 06-01, 06-02 (Same screen, different content / background)

04-04

06-03
 

Points to note

• Use scss for your stylesheets

• Integrate the app with Cordova and target native Android platform

• Use Ionic 3 (latest) and work with Ionic CLI

• Where possible, use Ionic UI Components and customize as necessary to meet the design

• Enable native scrolling

• We will be sharing a spreadsheet with you that contains the data for the app. Copy this over to a json file and read it during runtime.

• Follow best practices, both in Angularjs and Ionic

 

Shared Assets

• Design.

• Screen specification - a detailed explanation of each screen. Only refer to the screens that are in scope for this contest.

• Spreadsheet. This spreadsheet contains the content for the app. Go through the screen specification first and then go through this

Final Submission Guidelines

Upload your Ionic project to Topcoder. Provide a deployment guide or instructions on how to deploy your app.