Challenge Overview
Welcome to the "CRM - Billing Angular Application Material Design Challenge". We are building an internal web application for a client. This application is divided into frontend and backend. This one more challenge of the series of challenges to build both applications.
Goal of the challenge
The goal of this challenge is to remove all dependencies from UI/UX client’s library. For the frontend the Material design library and Angular Flex Layout should be used..
Technology and Framework details
- Angular 9.x
- 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
- Remove all dependencies from the client’s UI/UX library. Remove the .npmrc file from the angular application in order to use the global NPM repository
- Bootstrap dependency must be removed
- Add unit tests to the Angular Application (frontend) for the service calls (backend calls)
- 100% coverage for service calls is in scope
- Backend must be mocked (don't use real backend code)
- Update the angular application to 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)
- The design should be updated per designs provided in forum.
- Must use the provided CSS file for theme
- Current application is already integrated with the backend. This must continue like that
- Both source codes will be provided in the forum
- Angular application must past lint and NPM audits and have responsive design
- Updated design files will be provided in the forum
Final Submission Guidelines
Zip file with- Updated source code without UI/UX Library
- Unit Tests for service calls
- Validation documentation against real backend