angular-contacts-app-example
angular-contacts-app-example copied to clipboard
Refactor with @angular/material
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
I'll take this one
we are getting this error
where we need to change url error is:
zone.js:3372 GET http://localhost:4200/contacts 404 (Not Found)
Read the manual
Something goes wrong when adding angular material.
$ ng add @angular/material
ℹ Using package manager: npm
✔ Found compatible package version: @angular/[email protected].
✔ Package information loaded.
The package @angular/[email protected] 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)