File Structure
Here is the general file structure of the template:
General File Structure
-
Template
-
tailwind
- gulp
- all gulp task here
-
src
-
assets
-
images
- icon.png
- favicon.ico
- loader.gif
-
js
- charts
- customizer
- plugins
- hope-ui.js
- hope-uipro.js
- all js which are used globally
-
modules
- modules explanation is given below
-
scss
-
auth
- All auth scss
-
customizer
- All files & folder regarding color customizer
-
dark
- All files & folder regarding dark mode
-
helper
-
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
-
components
-
layouts
- All files & folder regarding header, menu-style, etc...
-
mixins
- All mixin scss
-
pages
- All pages scss
-
plugins
- All plugins scss
-
rtl
- All files & folder regarding RTL mode
- custom.scss
- dark.scss
- loader.scss
- reboot.scss
- rtl.scss
- responsive.scss
- tailwind.scss
-
auth
- vendor
-
- all third party plugins files
-
images
- 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.
-
partials
-
layout
- all layout regarding dashboards
-
modules
- modules explanation is given below
-
pages
- all folders based on hbs file in the dashboard.
-
components
-
theme
-
components
- button.js
- input.js
- color.js
- config.js
-
components
-
assets
- gulp.config.json
- gulpfile.js
- package.json
- tailwind.config..json
- gulp
-
tailwind
Module
Here is the module folder structure in src -> templates -> modules folder:
- Template
- taiwlind
- 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
-
partials
-
layout
- layout regarding this dashboard
-
pages
- All pages regarding this dashboard
-
components
-
blog
- same as appointment module
-
chat
- same as appointment module
-
e-commerce
- same as appointment module
-
file-manager
- same as appointment module
-
mail
- same as appointment module
-
social-app
- same as appointment module
-
appointment
- pages
- src
- taiwlind