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.