Refactor with @angular/material

[avatsaev]

Use material UI instead of bootstrap

https://material.angular.io/components/categories

• use dark theme with blue colors

• use mat-card for contact list

• Reduce margins between lateral border

• use placeholders in forms

• use FAB button to ADD

• remove back button

• use logo and title as routes to home

[marinok]

I'll take this one

[rajendrapan]

we are getting this error

where we need to change url error is:

zone.js:3372 GET http://localhost:4200/contacts 404 (Not Found)

[avatsaev]

Read the manual

[semla]

Something goes wrong when adding angular material.

$ ng add @angular/material
ℹ Using package manager: npm
✔ Found compatible package version: @angular/material@9.2.4.
✔ Package information loaded.
 
The package @angular/material@9.2.4 will be installed and executed.
Would you like to proceed? Yes
✔ Package successfully installed.
"angular-material-ng-add" schema is using the keyword "id" which its support is deprecated. Use "$id" for schema ID.
? Choose a prebuilt theme name, or "custom" for a custom theme: Pink/Blue Grey     [ Preview: https://material.angular.io?theme=pink-bluegrey ]
? Set up global Angular Material typography styles? Yes
? Set up browser animations for Angular Material? Yes
UPDATE package.json (1992 bytes)
✔ Packages installed successfully.
"angular-material-ng-add" schema is using the keyword "id" which its support is deprecated. Use "$id" for schema ID.
Could not find (/.angular.json)