=> Company details and All add & edit pages

For inputs => we used form controls which is provided by angular reactive form
module.

=> Home page

-> In calendar we used mwl-calendar-month-view plugin which is available on
npm.
-> data for calendar is retrived from back-end apis.
-> For time tracker component we used api to get user input for maintain their
activity.

=> Listing pages (workshifts and roles)

-> for listing of data on listing page we used mat-table
-> Mat table is provided by angular material.
-> For Export as csv functionality we used Angular5Csv plugin to export listed
data to csv file.

=> Attendance Chart

-> Attendance chart is generated using simple table structure.

=> Edit profile

-> all category of profile detail is devided in individual form so we can
update individual details of user.
-> all category has form group, And evert field in category has one form
controls.

=> Components structure

-> Layout contains header, footer, side-menu and sub-header components init.
-> Pages contains all required components for our main web app.
-> Auth component contains all auth related components like login, reset-
password, forgot-password.

=> Services / Providers

-> There is many Providers generated to separate all component api calles or
shared data.
-> Auth provider contains login,logout,and many auth related api's to call it
from any auth component.