Adding Angular Material

We have already organized our Angular application using the core, feature, and shared architecture at the module level and the smart and dumb architecture at the component level. Now, we are ready to customize and improve the look and UI by styling our components. We all know that writing CSS code from scratch and developing a base style is another challenge for us developers. It creates additional effort for us beyond just worrying about the logical side of the code. This is where Angular Material saves the day!

Angular Material is a library created by Google that provides a wide range of UI components for use in Angular applications, such as tables, cards, inputs, and date pickers. This means that we don’t have to style components from scratch, as a list of components from the material library is ready to use.

Angular Material has a wide range of growing components under the hood. It provides modules containing the components that can be used...