Folder Structure
Modernize 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
Modernize Angular Dashboard
📦
├── 📂 src > Source files for the project
│ ├── 📂 app > Main application folder
│ │ ├── 📂 components > Reusable components
│ │ ├── 📂 layouts > Application layouts
│ │ │ ├── 📂 blank > Blank layout (minimal UI)
│ │ │ ├── 📂 full > Full-width layout
│ │ ├── 📂 pages > Different application pages
│ │ │ ├── 📂 authentication > Authentication-related pages
│ │ │ ├── 📂 extra > Extra pages
│ │ │ ├── 📂 starter > Starter pages for template setup
│ │ │ ├── 📂 ui-components > UI components demo pages
│ │ │ ├── 📄 pages.routes.ts > Routing configuration for pages
│ │ ├── 📂 pipe > Custom pipes for data formatting
│ │ ├── 📂 services > Services for API calls & logic
│ │ ├── 📄 app.component.html > Main application HTML file
│ │ ├── 📄 app.component.ts > Root component logic
│ │ ├── 📄 app.config.ts > Application configuration settings
│ │ ├── 📄 config.ts > Global configuration file
│ │ ├── 📄 app.routes.ts > Application-wide routing setup
│ │ ├── 📄 material.module.ts > Material UI module integration
│ ├── 📂 assets > Static assets like images & styles
│ │ ├── 📂 images > Image assets
│ │ ├── 📂 scss > SCSS stylesheets
├── 📄 angular.json > Angular project configuration
├── 📄 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