What the Hack - Ionic Integration

We continue on the series of challenges to the What the Hack mobile application.

In previous challenges we have built the application based on Ionic framework and also a Rest API server. In this challenge we need to remove all hardcoded data and integrate the mobile application with the Rest API Server.

Also, soundtrack should be added to the application.

Previous challenges:

• https://www.topcoder.com/challenge/30066697/?type=develop
• https://www.topcoder.com/challenges/30066681/?type=develop

Requirements

- The mobile application will use only 3 endpoints of the Rest API server:
 

• POST /scores

Will be used to save team score at the end of the game (will happen only if user register to competition)
 

• GET /scores

Will be used to get the existing high scores to display in the high score screen. The values should be ordered by desceding score value.
 

• GET /attacks

Will be used to get the new attacks to be loaded in the application. If the application is open for the first time all attacks should be retrieved. If not, the minId parameter should be used to retrieve the new attacks. Should only be checked when application is opened and no game was started.
 

• GET /quests

Will be used to get the new quests to be loaded in the application. If the application is open for the first time all quests should be retrieved. If not, the minId parameter should be used to retrieve the new quests. Should only be checked when application is opened and no game was started.

- Soundtrack music should be added to application and played during the entire time the application is open. Soundtrack can be turned of in Settings. Add another switch in settings to disable music effects. This new switch will turn off all the other existing sound effects.

- Fix the following issues

1. "Incoming Attach!" screen:
Step1: Click scan QR button, the scan QR page shows with text "Scan an Attack QR Code from card"
Step2: Click "X" button at the left top corner of scan QR page
Step3: Click scan QR button again, the scan QR page shows with text "Scan a Quest QR Code from card", and it can not scan Attach QR now.

���2. "Show the points next to the remaining time"
Not fully implemented, many screens miss the point in the game-stats-bar
In game-stats-bar.ts, you could directly use this.game.stats.point to render, instead of using an input attribute

3. "Create upper bound for for time delta"
 

- Source code for both mobile and Rest API server will be provided in forum.

- An ionic provider class should be used to hold all REST Api interations.

Final Submission Guidelines

• Zip file with updated application
• Deployment Guide for Integration with Verification