Angular Version
React Version
VueJs Version
NextJs Version
NuxtJs Version
Bootstrap Version
Folder Structure
MatDash Angular Dashboard
📦
├── 📂 Docs > Contain template Documentation
├── 📂 package > Contain template static & generated assets
│ ├── 📂 Main > Main Demo files
│ │ ├── 📂 src > Contain template static & generated assets of main demo
│ │ │ ├── 📂 app
│ │ │ │ ├── 📂 components > All components files
│ │ │ │ ├── 📂 layout > All layout files
│ │ │ │ │ ├── 📂 blank > Blank Layout files
│ │ │ │ │ └── 📂 full > Full Layout files
│ │ │ │ ├── 📂 pages > Contains all pages files
│ │ │ │ │ ├── 📂 apps > Contains all apps files
│ │ │ │ │ ├── 📂 authentication > Contains all authentication page files
│ │ │ │ │ ├── 📂 charts > Contains all charts files
│ │ │ │ │ ├── 📂 dashboards > Contains all dashboard files
│ │ │ │ │ ├── 📂 forms > Contains all forms files
│ │ │ │ │ ├── 📂 starter > Contains all starter files
│ │ │ │ │ ├── 📂 tables > Contains all tables files
│ │ │ │ │ ├── 📂 theme-pages > Contains all theme pages files
│ │ │ │ │ ├── 📂 ui-components > Contains all UI components files
│ │ │ │ │ ├── 📂 widgets > Contains all widgets files
│ │ │ │ │ └── 📄 pages.routes.ts > Used for routing
│ │ │ │ ├── 📂 pipe > Contains filter.pipe files
│ │ │ │ │ └── 📄 filter.pipe.ts > Used for filtering
│ │ │ │ ├── 📂 services > Contains services files
│ │ │ │ ├── 📄 app.component.html
│ │ │ │ ├── 📄 app.component.spec.ts
│ │ │ │ ├── 📄 app.component.ts
│ │ │ │ ├── 📄 app.config.ts
│ │ │ │ ├── 📄 config.ts
│ │ │ │ ├── 📄 app.routes.ts
│ │ │ │ └── 📄 material.module.ts
│ │ │ └── 📂 assets > Contains all assets for the project
│ │ │ └── 📂 images > Images (jpeg/png)
│ │ ├── 📄 angular.json
│ │ ├── 📄 package.json
│ │ ├── 📄 tsconfig.app.json
│ │ ├── 📄 tsconfig.json
│ │ └── 📄 tsconfig.spec.json
│ ├── 📂 authguard > Authguard Demo files
│ ├── 📂 dark > Dark Demo files
│ ├── 📂 horizontal > Horizontal Demo files
│ ├── 📂 minisidebar > Minisidebar Demo files
│ ├── 📂 rtl > RTL Demo files
│ └── 📂 starterkit > Starterkit to get started with the project
MatDash Angular Dashboard
📦 Root Folder
├── 📂 docs > Documentation files
├── 📂 main > Main project directory
│ ├── 📂 src > Source files for the application
│ │ ├── 📂 app > Main application folder
│ │ │ ├── 📂 components > Reusable UI components
│ │ │ ├── 📂 layouts > Application layout configurations
│ │ │ │ ├── 📂 blank > Blank layout (basic structure)
│ │ │ │ ├── 📂 full > Full layout (extended UI)
│ │ │ ├── 📂 pages > Application pages
│ │ │ │ ├── 📂 authentication > Authentication-related pages
│ │ │ │ ├── 📂 extra > Additional UI pages
│ │ │ │ ├── 📂 starter > Starter pages for setup
│ │ │ │ ├── 📂 ui-components > UI component demonstration pages
│ │ │ │ ├── 📄 pages.routes.ts > Routes configuration for pages
│ │ │ ├── 📂 pipe > Angular pipes (data transformations)
│ │ │ ├── 📂 services > API services and business logic
│ │ │ ├── 📄 app.component.html > Main app HTML template
│ │ │ ├── 📄 app.component.ts > Main application component
│ │ │ ├── 📄 app.config.ts > Configuration settings for the app
│ │ │ ├── 📄 config.ts > General configuration file
│ │ │ ├── 📄 app.routes.ts > Application routing setup
│ │ │ ├── 📄 material.module.ts > Angular Material module imports
│ │ ├── 📂 assets > Static assets (images, styles, etc.)
│ │ │ ├── 📂 images > Image assets
│ │ │ ├── 📂 scss > SCSS stylesheets
├── 📄 angular.json > Angular project settings
├── 📄 package.json > Node.js dependencies and scripts
├── 📄 tsconfig.app.json > TypeScript configuration for the app
├── 📄 tsconfig.json > TypeScript global configuration
├── 📄 tsconfig.spec.json > TypeScript testing configuration