Dashboard File Structure

• Template
  • gulp+scss+hbs
    • src
      • assets
        • images
          • All images regarding this dashboard
          • icon.png
          • favicon.ico
          • loader.gif
        • js
          • charts
          • iqonic-script
          • plugins
          • kivicare.js
          • sidebar.js
          • all js which are used globally
        • scss
          • bootstrap
            • forms
            • helper
            • mixins
            • utilites
            • vendor
          • custom
            • All custome scss
          • customizer
            • All files & folder regarding color customizer
          • dark
            • All files & folder regarding dark mode
          • kivicare-design-system
            • components
              • All components files and folder
            • helper
              • All mixins and utilities files and folder
            • layout-style
              • layout regarding menu style
            • plugins
              • All plugins scss
            • variables
              • All files and folder of particular elements
            • variables.scss
          • rtl
            • All files & folder regarding rtl
        • vendor
          • all third party plugins files
      • templates
        • components
          • partials
            • all components which repeat continiously in all page. e.g. sidebar, header, footer, etc.
          • widgets
            • Widgets that are used globally in the dashboard. e.g. profile card in dashboard's sidebar.
        • layout
          • dashboard
            • all layout regarding dashboards
        • pages
          • all folders based on hbs file in dashboard
          • index.hbs
    • gulp
      • all gulp task here
    • gulp.config.json
    • gulpfile.js
    • package.json