Documentation

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
            • charts
            • app.js
            • all .js files of dashboard
          • modules
            • modules explanation is given bellow
          • scss
            • bootstrap
              • forms
              • helper
              • mixins
              • utilites
              • vendor
            • custom
              • components
              • dark
              • helper
              • layout-style
              • pages
              • plugins
              • variables
              • variables.scss
          • vendor
        • templates
          • layout
            • dashboard
          • modules
            • modules explanation is given bellow
          • pages
            • dashboard
              • all folders based on hbs file in dashboard
            • index.hbs
          • partials
            • components
            • dashboard
      • gulp
        • all gulp task here
      • gulp.config.json
      • gulpfile.js
      • package.json
    • html
      • assets
        • images
        • js
        • css
        • vendor
      • landing-pags
        • assets
          • css
            • all css files
          • images
            • images regarding this modules
          • js
            • all js files
        • all pages regarding dashboard
      • dashboard
        • all dashboard html folder based pages

Modules

Modules folder structure in assets folder.

  • Template
    • gulp+scss+hbs
      • src
        • assets
          • images
          • js
          • modules
            • landing-pages
              • images
                • All images regarding this modules
              • js
                • All js regarding this modules
              • scss
                • All scss regarding this modules
          • scss
          • vendor

Modules folder structure in src -> templates -> modules folder.

  • Template
    • gulp+scss+hbs
      • src
        • assets
        • templates
          • layouts
          • modules
            • landing-pages
              • components
                • partials
                  • sidebar, css, js components regarding this dashboard will get here
                • widgets
                  • widgets regarding this dashboard will get here
              • layout
                • layout regarding this dashboard
              • pages
                • All pages regarding this dashboard
          • pages
            • dashboard
          • partials
            • components
            • dashboard