File Structure

Here is the general file structure of the template:

General File Structure
  • src
    • app
      • components
        • hope-ui
          • elements
          • horizontal-list
          • loader
          • navbar
          • pages
            • design-system
          • partial
          • widgets
        • modules
          • modules explanation is given bellow
    • layouts
      • all Layouts
    • model
      • setting.model.ts
    • modules
      • modules explanation is given bellow
    • store
      • setting
    • utilities
      • color.ts
      • dom.ts
      • root-var.ts
      • setting.ts
    • views
      • all views pages
    • app-routing.modules.ts
    • app-component.html
    • app-component.scess
    • app-component.spec.ts
    • app-component.ts
    • app-module.ts
  • assets
    • images
      • all images
    • js
      • all script
    • modules
      • modules explanation is given bellow
    • scss
      • all scss pages
    • vendor
      • all vendor pages
  • environments
  • favIcon.ico
  • index.html
  • main.ts
  • polyfills.ts
  • styles.scss
  • test.ts
  • .editorconfig
  • .gitignore
  • .hraccess
  • angular.json
  • karma.conf.js
  • package-lock.json
  • package.json
  • README.md
  • tsconfig.app.json
  • tsconfig.json
  • tsconfig.spec.json

Modules

  • Modules folder structure in assets folder.
  • assets
    • images
    • js
    • modules
      • assets
        • modules
          • appointment
            • images
              • All images regarding this modules
            • scss
              • All images regarding this modules
          • blog
            • images, scss all files
          • chat
            • images, scss all files
          • e-commerce
            • images, scss all files
          • file-manager
            • images, scss all files
          • 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
            • scss
              • components
                • app-landing
                  • all scss pages regarding this modules
                • ecommerce-landing
                  • all scss pages regarding this modules
                • sass-landing
                  • all scss pages regarding this modules
                • software-landing
                  • all scss pages regarding this modules
                • startup-landing
                  • all scss pages regarding this modules
                • all scss pages regarding this modules
          • mail
            • images, scss all files
          • social
            • images, scss all files
    • scss
    • vendor
  • Modules folder structure in components folder.
  • src
    • app
      • components
        • modules
            • appointment
              • images
                • All images regarding this modules
              • scss
                • All images regarding this modules
            • blog
              • images, scss all files
            • chat
              • images, scss all files
            • e-commerce
              • images, scss all files
            • file-manager
              • images, scss all files
            • 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
              • scss
                • components
                  • app-landing
                    • all scss pages regarding this modules
                  • ecommerce-landing
                    • all scss pages regarding this modules
                  • sass-landing
                    • all scss pages regarding this modules
                  • software-landing
                    • all scss pages regarding this modules
                  • startup-landing
                    • all scss pages regarding this modules
                  • all scss pages regarding this modules
            • mail
              • images, scss all files
            • social
              • images, scss all files