File Structure

Here is the general file structure of the template:

  • Template
    • gulp+scss+hbs
      • Src
        • Assets
          • images
            • Icon.png
            • Favicon.ico
            • Loader.gif
          • JS
            • alpine
            • charts
            • plugins
            • form.js
            • qompac-ui.js
            • all js which are used globally
          • SCSS
            • layouts
              • hover-menu-style
              • menu-style
              • all hover-menu-style related scss
            • plugins
        • templates
          • components
            • partials
              • all components which repeat continiously in all page eg. sidebar, header, footer, etc.
            • widgets
              • widgets that are used globally in the dashboard eg. profile card in dashboard sidebar
          • layout
            • all layout regarding dashboard
          • pages
            • all folders based on hbs file in the dashboard
            • index.hbs
          • gulp
            • all gulp task here
            • gulp config.json
            • gulpfile.js
            • package.json