[36hr]CRM Angular Component Library Challenge

Challenge Objectives

 

• Use the given .sketch file to create a shared component library in Angular 8

NOTE: Timelines are very short, please be careful of timeline

Project Overview

 

The application is a CRM for Wellmark to show benefits of the insured plan of a patient, which is a member of Wellmark, for a given period of date range. Our goal is to identify shared components and build a component library to be used across this project. After this challenge, we will use those components to build the screens in upcoming challenges.

 

Browser Support

• Latest Chrome, IE- version 11, Firefox & Safari

• Mobile responsive

 

Assets:

 

• Sketch file is shared on forum

• Fonts 

  • https://docs.microsoft.com/en-us/windows/uwp/design/style/segoe-ui-symbol-font

  • https://fontawesome.com/how-to-use/on-the-desktop/setup/getting-started

 

Individual Requirement

• Follow the “CRM - Pixel Perfect Sketch Library.sketch” file to see the components breakdown. 

• Check “Benefit POC.sketch” and "Case Wireframes.sketch" to see the screen we will be building in next challenges.

 

Non Functional Requirements:

• All code must pass angular lint(ng lint)

• Components should be broken down in a meaningful way

• Follow angular best practices

Final Submission Guidelines

Please submit the following:

1. An angular 8 project with deployment guide and usage of components guide