File Structure

Here is the general file structure of the template:

File Structure
  • HOPEUI-PRO-VUE
    • node_modules
    • public
    • src
      • assets
        • custom-vue
          • scss
            • contains scss of style and plugins
        • images
          • images all folder of images
        • scss
          • bootstrap
          • custom
          • customizer
          • dark
          • hope-ui-design-system
          • pro
          • rtl
        • modules
          • landing-pages
            • images
              • blog
                • all images regarding this modules
              • home-1
                • all images regarding this modules
              • home-2
                • all images regarding this modules
              • home-3
                • all images regarding this modules
              • home-4
                • all images regarding this modules
              • home-5
                • all images regarding this modules
              • shop
                • all images regarding this modules
            • js
              • all js regarding this modules
            • scss
              • components
                • app-landing
                  • all pages regarding this modules
                • ecommerce-landing
                  • all pages regarding this modules
                • sass-landing
                  • all pages regarding this modules
                • shop
                  • all pages regarding this modules
                • software-landing
                  • all pages regarding this modules
                • startup-landing
                  • all pages regarding this modules
        • vendor
          • leaflet
            • images
            • leaflet.css
      • components
        • auth
        • bootstrap
        • custom
        • icons
        • menu-styles
        • modules
          • appointment
          • blog
          • chat
          • e-commerce
          • file-manager
          • landing-pages
          • mail
          • social-app
        • partials
          • FooterComponent
          • HeaderComponent
          • Horizontal-Nav
          • MainComponent
          • SidebarComponent
      • setting
        • sections
        • SettingOffcanvas
      • widgets
        • dashboard
        • landing-pages
        • spacial-page
        • users
        • validation
        • wizard
        • AnalyticsWidget.vue
        • ShareOffcanvas.vue
        • ShareOffcanvasNew.vue
      • directives
      • hooks
        • useDatatable.js
      • layouts
        • guest
        • menu-styles
        • modules
        • DefaultLayout.vue
        • LandingPageLayout.vue
      • locales
      • plugins
      • router
        • modules-routes
          • appointment.js
          • blog.js
          • chat.js
          • e-commerce.js
          • file-manager.js
          • mail.js
          • social-app.js
        • index.js
      • store/pinia
        • index.js
        • state.js
      • utilities
        • colors.js
        • countdown.js
        • dom.js
        • root-var.js
        • setting.js
        • shepherd.js
      • views
        • admin
        • auth
        • dashboards
        • design-system
        • errors
        • extra
        • forms
        • icons
        • maps
        • modules
          • appointment
          • blog
          • chat
          • e-commerce
          • file-manager
          • landing-page
          • mail
          • social-app
        • plugins
        • spacial-pages
        • tables
        • user
        • widgets
        • BlankPage.vue
      • App.vue
      • main.js
      • registerServiceWorker
    • .browserslistrc
    • .editorconfig
    • .env
    • .env.example
    • .eslintignore
    • .eslintrc.js
    • .gitignore
    • .prettierrc
    • babel.config
    • package-lock.json
    • package.json
    • README.md
    • vite.config.js