Skyscraper - Member Service 1.1 - Screens Angular Prototype

1. Project Context:

Create an angular prototype for the provided design.  

 

2. Expected Outcome:

An angular prototype for the provided design.

 

3. Challenge Details

INDIVIDUAL REQUIREMENTS

We have created the prototype in a previous challenge: http://www.topcoder.com/challenges/30141062

Now we want to extend the prototype to add some new screens. The tables in the new screens are already developed in the current codebase, you should reuse it in your implementation. 

Here is the design for these user stories: https://xd.adobe.com/view/d2a1041a-f9fb-4b6a-9f8d-d744a767137b-87f2/grid

• MHS 164
• MHS 165
• MHS 166
• MHS 170

The cover screens are not needed. 
The usecase documents will be provided in the forum. 

You need to create new role for these screens, and make sure the code is modularized properly as it's a large project. 
Please create a new sub-folder for this role and put all its pages inside this sub-folder, and put all page specific components inside the sub-folder of the page. 

And for the table in the design, please following the table style in current code. 

Note that the existing code style should be followed, should have no lint error, and should define interfaces properly. etc. 
And please define reasonable APIs instead of using a large JSON file. 
 

General Requirements

• Make sure the code best practice is followed: https://angular.io/guide/styleguide

• Secured Coding Guideline: 

  • Make sure the used libraries have no vulnerabilities

  • Should avoid XSS attack

 

Technology Stack

• Angular 9

• All Browsers should be supported (Chrome, Firefox, Safari, Edge and IE11)

 

Final Deliverables

• Patch file

• Verification Guide

Final Submission Guidelines

See above