Folder Structure

Modernize VueJs Dashboard

              
📦
│
├── 📂 docs                                > Documentation for the Theme
├── 📂 package
│   ├── 📂 main                            > Demo
│   │   ├── 📂 public
│   │   ├── 📂 src
│   │   │   ├── 📂 assets
│   │   │   │   ├── 📂 images              > All images used in the theme
│   │   │   ├── 📂 api                     > All data of apps & APIs
│   │   │   ├── 📂 components              > App components
│   │   │   │   ├── 📂 apps                > All app components
│   │   │   │   ├── 📂 container           > Meta Description
│   │   │   │   ├── 📂 custom-scroll       > Scrollbar component
│   │   │   │   ├── 📂 dashboards          > All dashboard components
│   │   │   │   ├── 📂 forms               > All form components
│   │   │   │   ├── 📂 material-ui         > All UI components
│   │   │   │   ├── 📂 pages               > All page components
│   │   │   │   ├── 📂 shared              > Common components used across the theme
│   │   │   │   ├── 📂 tables              > All table components
│   │   │   │   ├── 📂 widgets             > All widget components
│   │   │   ├── 📂 contextapi              > Manage data across all app components
│   │   │   ├── 📂 layouts
│   │   │   │   ├── 📂 blank               > Blank layout for auth pages
│   │   │   │   ├── 📂 full                > Full layout for inner pages
│   │   │   │   ├── 📂 routes                  > Page routing
│   │   │   ├── 📂 theme                   > Theme-level customization
│   │   │   ├── 📂 types                   > Define TypeScript types
│   │   │   │   ├── 📂 apps
│   │   │   │   │   ├── 📂 auth
│   │   │   │   ├── 📂 layout
│   │   │   ├── 📂 utils                   > Language settings
│   │   │   │   ├── 📂 languages
│   │   │   ├── 📂 views                   > All pages
│   │   │   │   ├── 📂 apps
│   │   │   │   ├── 📂 authentication
│   │   │   │   ├── 📂 charts
│   │   │   │   ├── 📂 dashboards
│   │   │   │   ├── 📂 forms
│   │   │   │   ├── 📂 pages
│   │   │   │   │   ├── 📂 landingpage
│   │   │   │   │   ├── 📂 frontend-pages
│   │   │   │   ├── 📂 spinner
│   │   │   │   ├── 📂 tables
│   │   │   │   ├── 📂 ui-components
│   │   │   │   ├── 📂 widgets
│   │   │   ├── 📄 App.tsx
│   │   │   ├── 📄 index.tsx
│   │   ├── 📄 package.json
│   ├── 📂 minisidebar                     > Demo
│   ├── 📂 dark                            > Demo
│   ├── 📂 horizontal                      > Demo
│   ├── 📂 rtl                             > Demo
│   ├── 📂 starterkit                      > Demo