Restyling the UI

You might think that the framework we’re referring to is Bootstrap, since it’s one of the most used choices when building responsive, mobile-first front-end applications. However, we’re not going to use it: we’ll opt for Angular Material instead, since it natively integrates with most Angular apps, provides a wide set of UI components, and gives a great look and feel, possibly even better than Bootstrap.

Introducing Angular Material

Angular Material is a UI component library that implements Material Design in Angular. As you most likely already know, Material Design is a UI design language that Google developed in 2014 that focuses on using grid-based layouts, responsive animations, transitions, padding, and depth effects such as lighting and shadows.

Material Design was introduced by the Google designer Matías Duarte on June 25, 2014, at the 2014 Google I/O conference. To make UI designers familiarize themselves...