Context

Project Context

We are building an internal web application for a client. This application will be divided into frontend and backend.

Challenge Context

The goal of this challenge is to build the angular web application UI prototype based on the design.

Expected Outcome

An Angular application ready to be integrated with backend API.

Challenge Details

Technology Stack

• Angular 9.x
• Typescript
• NodeJs 12.x
  • Karma/Jasmine

Individual Requirements

• Invision Link: https://wellmark.invisionapp.com/share/NHT9UCEPWT3#/screens
• Only page 1 to page 28 are in scope. They include mainly three pages: login, search, history.
• Must be responsive.
• Sketch file is provided in the forum.
• Must use the provided UI library in the forum.
• Must pass standard lint and NPM audit.
• Tech spec files are shared in the forum.
• Please create a mock server based on the tech spec. We only need to mock the API that communicates from the UI.

Note:

• The header in Invision Link is from old design. When using provided UI library, it'd be different from the design. This is fine.
• There are different cases when browsing the page with different data. You need to consider all cases and explain how to validate them in Validation.md file. One idea is to use different wellmark id for different responses in mock server.

Testing

• Unit tests are required for this challenge, minimum 80% coverage is required.
• Must use Karma/Jasmine.

Browsers

• Chrome (Latest)
• IE11
• Edge (Latest)

Final Submission Guidelines

• Angular application
• README.md
• Validation.md covering how to validate each of the individual cases from the document.