Challenge Overview
Welcome to the “CRM - Search and Validation Angular Application Challenge”. We are building an internal web application for a client. This application will be divided into frontend and backend. This the first challenge of the series of challenges to build both applications.
Goal of the challenge
The goal of this challenge is to build the frontend UI prototype. For the frontend the Material design library and Angular Flex Layout should be used.
This application will be used by client’s employees to help callers create new cases
Technology and Framework details
- Angular 9.x (version in package.json must use caret)
- Typescript
- Material Design (https://material.angular.io/)
- Angular Flex Layout (https://github.com/angular/flex-layout)
- NodeJs 12.x
Browsers
- Chrome
- IE 11
- Edge
Requirements
- Build a new Angular Application for the search and validation based on the design screens. Design Sketch file will be shared in the forum. All screens are in scope.
- Invision Link: https://wellmark.invisionapp.com/share/JTWRNJWKBDQ
- Code must pass standard lint and NPM audit
- HIPAA Pathway validation must be implemented
- Detailed documentation can be found in the forum
- Angular application must use the Material Design - https://material.angular.io/
- Layout uses Angular flex (https://github.com/angular/flex-layout)
- Angular Material CDK (https://material.angular.io/cdk/categories)
- Must use the provided CSS files for theme
- CRM Billing application code will be provided so you can re-use the components
- Application should be fluid without fixed width. Minimum width is 1248px
- The design has 2 files: full design and wireframes
- The full design has some of the screens to be implemented while the wireframes design has some additional screens. However, all the style should match the full design screens, NOT wireframes
- All screens in the wireframes and full design are in scope
- Data must not be hardcoded, so use JSON files to render the information in the screen
- Should be ready for backend integration
Final Submission Guidelines
- Search and Validation angular application source code
- Validation guide