Folder Structure
Below is the HexaDash - Angular Admin & Dashboard Template folder structure.
hexadash-angular ├── src │ ├── app │ │ ├── apps │ │ │ ├── chat │ │ │ │ └── components │ │ │ │ └── chat.component.ts │ │ │ ├── contacts │ │ │ │ ├── contacts-grid │ │ │ │ │ └── contacts-grid.component.ts │ │ │ │ └── contacts-list │ │ │ │ └── contacts-list.component.ts │ │ │ ├── email │ │ │ │ ├── inbox │ │ │ │ │ └── inbox.component.ts │ │ │ │ └── read-email │ │ │ │ └── read-email.component.ts │ │ │ ├── projects │ │ │ │ ├── project-details │ │ │ │ │ └── project-details.component.ts │ │ │ │ └── project-list │ │ │ │ └── project-list.component.ts │ │ │ └── todo │ │ │ └── todo.component.ts │ │ ├── authentication │ │ │ ├── forget-pass │ │ │ │ └── forget-pass.component.ts │ │ │ ├── login-1 │ │ │ │ └── login-1.component.ts │ │ │ └── sign-up-1 │ │ │ └── sign-up-1.component.ts │ │ ├── changelog │ │ │ └── changelog.component.ts │ │ ├── components │ │ │ ├── alert │ │ │ │ └── alert.component.ts │ │ │ ├── auto-complete │ │ │ │ └── auto-complete.component.ts │ │ │ ├── avatar │ │ │ │ └── avatar.component.ts │ │ │ ├── badge │ │ │ │ └── badge.component.ts │ │ │ ├── breadcrumb │ │ │ │ └── breadcrumb.component.ts │ │ │ ├── button │ │ │ │ └── button.component.ts │ │ │ ├── calendar │ │ │ │ └── calendar.component.ts │ │ │ ├── card │ │ │ │ └── card.component.ts │ │ │ ├── carousel │ │ │ │ └── carousel.component.ts │ │ │ ├── cascader │ │ │ │ └── cascader.component.ts │ │ │ ├── checkbox │ │ │ │ └── checkbox.component.ts │ │ │ ├── demo-components-share │ │ │ │ └── demo-components-share.module.ts │ │ │ ├── progress │ │ │ │ └── .... │ │ │ ├── rate │ │ │ │ └── date-picker.component.ts │ │ │ ├── skeleton │ │ │ │ └── drawer.component.ts │ │ ├── container │ │ │ ├── dashboard │ │ │ │ ├── demo-one │ │ │ │ │ └── ... │ │ │ │ ├── demo-two │ │ │ │ │ └── .... │ │ ├── dashboard │ │ │ ├── demo-one │ │ │ │ ├── dashboard-demo-one.component.ts │ │ │ ├── demo-two │ │ │ │ ├── dashboard-demo-two.component.ts │ │ ├── features │ │ │ ├── charts │ │ │ ├── forms │ │ │ ├── icons │ │ │ ├── maps │ │ │ ├── tables │ │ │ ├── Widgets │ │ │ ├── wizards │ │ ├── Layouts │ │ │ ├── common-layout │ │ │ ├── full-layout │ │ ├── pages │ │ │ ├── banner │ │ │ ├── blank-page │ │ │ ├── blog-page │ │ │ ├── coming-soon │ │ │ ├── error-page │ │ │ ├── gallery │ │ │ ├── maintenance │ │ │ ├── pricing │ │ │ ├── setting │ │ │ ├── terms-conditions │ │ ├── shared │ │ │ ├── components │ │ │ ├── directives │ │ │ ├── pipes │ │ │ ├── services │ │ ├── app.component.ts │ │ ├── app.module.ts │ │ └── main.ts │ ├── assets │ │ ├── Data │ │ ├── Images │ │ ├── Lib │ │ ├── Scss │ ├── environments │ ├── theme │ │ ├── theme-variables.scss │ │ ├── theme.scss (Global Styles) │ ├── favicon.ico │ ├── index.html │ ├── main.ts │ ├── polyfills.ts │ ├── styles.scss │ ├── test.ts │ ├── theme.less ├── .angular.json ├── package.json ├── tsconfig.json ├── tailwind.config.js ( Tailwind Config File ) ├── tsconfig.app.json ├── tsconfig.spec.json ├── tslint.json ├── README.md
Important We do not recommend to change core JS & CSS/SCSS file of Materialize Framework & Template. Always use the custom.css/scss and custom.js files to write your own custom css and js code to avoid template future updates conflicts. You can also create your own custom theme under scss/themes/ folder to customize template using the framework variables.