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
• Angular Material Design (https://material.angular.io/)
• Angular Flex Layout (https://github.com/angular/flex-layout)
• NodeJs 12.x

Individual Requirements

• Invision Link: https://wellmark.invisionapp.com/share/Z5WSNQLKSXV#/screens
• Sketch file is provided in the forum.
• All screens are in scope.
• Angular application must use the Material Design - https://material.angular.io/
• Angular needs to be responsive, its layout must use Angular flex (https://github.com/angular/flex-layout)
• Angular Material CDK (https://material.angular.io/cdk/categories)
• Must use the provided css in the forum.
• Must pass standard lint and NPM audit.
• Tech spec files are shared in the forum.
• A Mock backend API is provided in the forum. Because frontend behavior would be changed based on responses from backend, you may need to update mock api. Please include updated mock api in submission. And in Validation.md explain how to walkthrough all cases.

Testing

• Unit tests are required for this challenge, minimum 80% coverage is required.

Browsers

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

Final Submission Guidelines

• Angular application
• README.md
• Validation.md covering how to validate each of the individual screens and notes seen in the Sketch file.