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
-
bootstrap
- vendor
-
images
- templates
-
layout
- dashboard
-
modules
- modules explanation is given bellow
-
pages
-
dashboard
- all folders based on hbs file in dashboard
- index.hbs
-
dashboard
-
partials
- components
- dashboard
-
layout
- assets
- gulp
- all gulp task here
- gulp.config.json
- gulpfile.js
- package.json
- src
- html
- assets
- images
- js
- css
- vendor
-
landing-pags
-
assets
-
css
- all css files
-
images
- images regarding this modules
-
js
- all js files
-
css
- all pages regarding dashboard
-
assets
- dashboard
- all dashboard html folder based pages
- assets
- gulp+scss+hbs
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
-
images
-
landing-pages
- scss
- vendor
- assets
- src
- gulp+scss+hbs
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
-
partials
-
layout
- layout regarding this dashboard
-
pages
- All pages regarding this dashboard
-
components
-
landing-pages
-
pages
- dashboard
-
partials
- components
- dashboard
- src
- gulp+scss+hbs