In this article, we will be discussing about angular material sidenav and integrate sidenav in an Angular 6 Single Page App along with MatToolBar. We will be creating a collapsible side navigation content on a menu icon click and on the click of the items inside the sidenav, different router components will be loaded in the primary content. To achieve this, we will be using different directives provided by angular material 6 such as <mat-sidenav-container>, <mat-sidenav-content>, <mat-sidenav>.
Portfolio built with Bootstrap 4 that features a dark theme, gradient buttons, side navigation with responsive menu, and card-grid slider for displaying projects.
