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
            • alpine
            • charts
            • plugins
            • form.js
            • hope-ui.js
            • hope-uipro.js
            • all js which are used globally
          • Modules
            • Modules explanation is given bellow
          • 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
          • modules
            • modules explanation is given bellow
          • pages
            • all folders based on hbs file in the dashboard
            • index.hbs
          • gulp
            • all gulp task here
            • gulp config.json
            • gulpfile.js
            • package.json

Modules

  • Modules folder structure in assets folder.

  • Template
    • gulp+scss+hbs
      • Src
        • Assets
        • images
        • js
        • modules
          • appointment
            • images
              • images, scss, js all files
            • js
              • images, scss, js all files
            • scss
              • All scss regarding this modules
          • blog
            • images, scss, js all files
          • chat
            • images, scss, js all files
          • e-commerce
            • images, scss, js all files
          • file-manager
            • images, scss, js all files
          • landing-pages
            • images, scss, js all files
          • mail
            • images, scss, js all files
          • social-app
            • images, scss, js all files
        • scss
        • vendor

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

  • Template
    • gulp+scss+hbs
      • src
        • assets
        • templates
          • components
          • layouts
          • modules
            • appointment
              • 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
            • blog
              • same as appointment module
            • chat
              • same as appointment module
            • e-commerce
              • same as appointment module
            • file-manager
              • same as appointment module
            • landing-pages
              • same as appointment module
            • mail
              • same as appointment module
            • social-app
              • same as appointment module
          • pages
Quick Start & Installation Next
Updated on February 28, 2022
Was this page helpful?