Documentation

Vue

File Structure

Here is the general file structure of the template:

      • src
        • app
          • components
            • hope ui
            • modules/appointment
          • layouts
          • model
          • modules
          • store
          • utilities
          • view
            • admin
            • auth/default
            • blank-page
            • dashboard
            • dashboard1
            • design system
            • form
            • icons
            • index-boxed
            • index-dual-compact
            • index-horizontal
            • map
            • plugins
            • special-page
            • table
            • ui-color
            • ui-elements
            • users
            • utilities
            • widget
            • views-routing.module.ts
            • views.module.ts
      • Assets
        • client-images
          • auth
          • avatars
          • brands
          • dashboard
        • images
          • auth
          • avatars
        • js
          • charts
          • iqonic-script
          • plugins
          • qompac-ui.js
          • setting-init.js
          • sidebar.js
        • scss
          • bootstrap
          • custom
          • customizer
          • dark
        • vendor
  • environments
    • Feature
    • environment.ts
  • favicon.ico
  • index.html
  • main.ts
  • polyfills.ts
  • styles.scss
  • test.ts
  • .browserslistrc
  • .editorconfig
  • .gitignore
  • .htaccess
  • angular.json
  • karma.conf.js
  • package-lock.json
  • package.json
  • README.md
  • tsconfig.app.json
  • tsconfig.json
  • tsconfig.spec.json

Module

landing-Modules folder structure in assets folder.

      • src
        • app
          • components
            • hope ui
            • modules/appointment
          • layouts
          • model
          • modules
          • store
          • utilities
          • view
            • admin
            • auth/default
            • blank-page
            • dashboard
            • dashboard1
            • design system
            • form
            • icons
            • index-boxed
            • index-dual-compact
            • index-horizontal
            • map
            • plugins
            • special-page
            • table
            • ui-color
            • ui-elements
            • users
            • utilities
            • widget
            • views-routing.module.ts
            • views.module.ts
      • Assets
        • client-images
          • auth
          • avatars
          • brands
          • dashboard
        • images
          • auth
          • avatars
        • js
          • charts
          • iqonic-script
          • plugins
          • qompac-ui.js
          • setting-init.js
          • sidebar.js
        • scss
          • bootstrap
          • custom
          • customizer
          • dark
        • landing-modules
          • images
            • blog
              • all images regarding this module
            • home-1
              • all images regarding this module
            • home-2
              • all images regarding this module
            • home-3
              • all images regarding this module
            • home-4
              • all images regarding this module
            • home-5
              • all images regarding this module
          • scss
            • components
              • app-landing
                • all scss files regarding this module
              • ecommerce-landing
                • all scss files regarding this module
              • software-landing
                • all scss files regarding this module
        • vendor
  • environments
    • Feature
    • environment.ts
  • favicon.ico
  • index.html
  • main.ts
  • polyfills.ts
  • styles.scss
  • test.ts
  • .browserslistrc
  • .editorconfig
  • .gitignore
  • .htaccess
  • angular.json
  • karma.conf.js
  • package-lock.json
  • package.json
  • README.md
  • tsconfig.app.json
  • tsconfig.json
  • tsconfig.spec.json

landing-Modules folder structure in src -> app -> modules folder.

      • src
        • app
          • components
            • hope ui
            • landing-pages
              • partial
                • bottom-to-top
                  • all pages regarding this modules
                • footer
                  • all pages regarding this modules
                • footer-one
                  • all pages regarding this modules
                • footer-two
                  • all pages regarding this modules
                • header
                  • all pages regarding this modules
                • header-one
                  • all pages regarding this modules
                • header-two
                  • all pages regarding this modules
                • horizontal-nav
                  • all pages regarding this modules
                • sub-header
                  • all pages regarding this modules
            • widgets
              • blog
                • all pages regarding this modules
              • blog-detail
                • all pages regarding this modules
              • blog1
                • all pages regarding this modules
              • client
                • all pages regarding this modules
              • contact-detail
                • all pages regarding this modules
              • counter
                • all pages regarding this modules
              • counter1
                • all pages regarding this modules
              • feature
                • all pages regarding this modules
              • header-breadcrumb
                • all pages regarding this modules
              • rating-fill
                • all pages regarding this modules
              • rating-star
                • all pages regarding this modules
              • shop-card
                • all pages regarding this modules
              • sub-header
                • all pages regarding this modules
              • team
                • all pages regarding this modules
              • testimonial
                • all pages regarding this modules
              • testimonial-one
                • all pages regarding this modules
              • testimonial-two
                • all pages regarding this modules
          • layout
            • default
            • landing-modules
              • index
                • all pages regarding this module
              • all pages regarding this module
      • rest all file
    • Assets
      • client-images
        • auth
        • avatars
        • brands
        • dashboard
      • images
        • auth
        • avatars
      • js
        • charts
        • iqonic-script
        • plugins
        • qompac-ui.js
        • setting-init.js
        • sidebar.js
      • landing-modules
        • images
          • blog
            • all images regarding this module
          • home-1
            • all images regarding this module
          • home-2
            • all images regarding this module
          • home-3
            • all images regarding this module
          • home-4
            • all images regarding this module
          • home-5
            • all images regarding this module
      • scss
        • bootstrap
        • custom
        • customizer
        • dark
      • vendor
  • environments
    • Feature
    • environment.ts
  • favicon.ico
  • index.html
  • main.ts
  • polyfills.ts
  • styles.scss
  • test.ts
  • .browserslistrc
  • .editorconfig
  • .gitignore
  • .htaccess
  • angular.json
  • karma.conf.js
  • package-lock.json
  • package.json
  • README.md
  • tsconfig.app.json
  • tsconfig.json
  • tsconfig.spec.json
    • Quick Start & Installation Next