Folder Structure

The Domiex - Admin & Dashboard Template. project is organized to streamline your workflow and make it easy to manage, customize, and extend. Below is a breakdown of the main directories and files included in your template. We have user friendly structure which can easy for the Developers to understand.

  • Admin (v1.2.5)
    • dist (#The production-ready output of your project, compiled and minified for deployment.)
    • Plugins (#Extending Tailwind with reusable third-party plugins.)
    • Public (#Holds static assets like images, styles, and files for deployment.)
      • favicon.ico (#Project icon)
    • src (#Source files used during development.)
      • assets (#Development assets:)
        • fonts (#Raw font files used in the project.)
        • images (#Image files used in development.)
        • lang (#Language files for localization in development.)
        • scss (#SCSS files for styling:)
          • fonts
          • plugins
          • icons.scss (#Styles for icons.)
          • plugins.scss (#Styles for additional plugins.)
          • tailwind.scss (#SCSS file to import Tailwind CSS.)
        • libs (#Library files used in development.)
      • components (#Development assets:)
        • Common (#JavaScript files for development.)
          • Apexchart.vue
          • DropdownList.vue
          • EchartsVue.vue
          • HighLights.vue
          • NavTabBar.vue
          • NotificationDropdown.vue
          • PaginationOfTable.vue
          • reusable-functions.ts
          • Swiper.vue
          • Table.vue
          • TableDropDown.vue
          • TopMenuButton.vue
          • UiDropdown.vue
          • UserProfileHeader.vue
          • WorldMap.vue
        • CustomizeDomiexLayout.vue (#Easily set up your layout.)
        • FlagDropDown.vue
        • Loader.vue
        • SidebarDropdown.vue
        • ToolsAppModal.vue
      • layout (#Set layout content)
      • partials (#Reusable HTML partials:)
        • body.html (#Structure for the body element.)
        • footer.html (#Footer content.)
        • head-css.html (#CSS links for the head section.)
        • page-heading.html (#Page heading content.)
        • page-wrapper.html (#Wrapper for the main content.)
        • settings-modal.html (#Modal for settings.)
        • sidebar.html (#Sidebar structure.)
        • title-meta.html (#Title and meta tags.)
        • topbar.html (#Top bar content.)
        • vendor-scripts.html (#Script references for third-party libraries.)
      • router (#Set all routing path of application here)
        • index.html
      • store (#Change layout theme from here)
        • index.html
      • view (#All page is here)
        • apps
          • apps-ecommerce
          • apps-calendar
          • apps-chat
          • apps-crm
          • apps-email
          • apps-events
          • apps-hospitals
          • app-invoice
          • app-projects
          • app-school
          • app-manager
          • ProfileTapBar.vue
        • chart&maps
          • apexcharts
          • apextree
          • charts-apexsankey
          • echarts
          • maps
        • components
          • icons
          • ui-advanced
          • ui-elements
          • PageHeading.vue
        • dashboard-page
          • dashboard-page
          • landing-page
          • recent-menu-list.vue
        • forms&tables
          • editors
          • forms
          • tables
          • form-clipboard.vue
          • font-wizard-basic.vue
        • Pages
          • Authentication
          • pages
          • widgets
      • App.vue
      • i18n.ts
      • main.ts
    • .gitignore (#JavaScript configuration for managing colors.)
    • config-colors.js (#JavaScript configuration for managing colors.)
    • package-lock.json (#Lockfile that ensures consistent package versions.)
    • package.json (#Node.js package manager file, listing dependencies and project scripts.)
    • postcss.config.js (#Configuration for PostCSS, used to process Tailwind CSS and other styles.)
    • README.md (#Project documentation and instructions.)
    • tailwind.config.js (#Tailwind CSS configuration file for customizing the design system.)
    • tsconfig.app.json (#Tailwind CSS configuration file for customizing the design system.)
    • tsconfig.json (#Tailwind CSS configuration file for customizing the design system.)
    • tsconfig.node.json (#Tailwind CSS configuration file for customizing the design system.)
    • variables-config.js (#JavaScript configuration for managing project-specific variables.)
    • vite.config.js (#Configuration for Vite, the build tool used for bundling and optimizing assets.)
Receive the latest updates directly in your inbox!

Be the first to know about new updates and exclusive discounts. No spam, just great offers!

How about

A Custom Project?

With over 7 years of experienced team, we specialize in delivering custom projects for startups, blue-chip companies, and government agencies. We have successfully completed over 250+ projects, providing tailored solutions that meet the unique needs of each client.

Hire Us
More for Domiex
Domiex Admin & Dashboards
230+

Total Pages

5+

Layouts

11+

Application

We provide quick support withing one business day to all of our customers.

© Domiex Created & Crafted by SRBThemes.