Top

Angular Folder Structure

We have used the best folder structure.If you want check some images path and scss folder structure you can refer this page

  • Chatzy
    • public
      • assets
        • css
        • fonts
        • images
        • json
        • scss
        • svg
        • .gitkeep
      • favicon.ico
    • src
      • app
        • component
          • center-content
            • call-content
            • chat-document
            • chat-footer
            • chat-header
            • chat=photo
            • contact-content
            • gorup-chat-friend
            • user-chat
            • user-chat-board
            • center-content.component.html
            • center-content.component.scss
            • center-content.component.ts
          • Left-content
            • messenger-tools
              • messenger-tools.component.html
              • messenger-tools.component.scss
              • messenger-tools.component.ts
            • user-list
              • contact-details
                • contact-details.component.html
                • contact-details.component.scss
                • contact-details.component.ts
              • document
              • favourite
              • messenger-tabs
              • contact-content
              • my-profile
              • my-status
              • notification
              • settings
              • status-slider
              • user-list.component.html
              • user-list.component.scss
              • user-list.component.ts
          • right-content
            • files
            • music
            • notes
            • quick-profile
            • reminder
            • todo
            • video
            • right-content.component.html
            • right-content.component.scss
            • right-content.component.ts
        • landing-page
          • authentication
          • blog-pages
          • bonus-pages
          • footer
          • header
          • home-section
          • landing-page.component.html
          • landing-page.component.scss
          • landing-page.component.ts
        • messenger
          • messenger.component.html
          • messenger.component.scss
          • messenger.component.ts
        • pages
          • login
            • login.component.html
            • login.component.scss
            • login.component.ts
        • shared
          • component
            • breadcrumb
            • Customizer
            • feathericon
            • loader
            • header
            • modal
            • svg-icon
            • tap-to-top
          • data
            • landing
              • blog-pages.ts
              • bonus-ui-pages.ts
              • home-section.ts
            • message-tabs
            • messenager-tools
            • right-sidebar
            • my-contact.ts
            • my-document.ts
            • my-fevourite.ts
            • my-notifaction.ts
            • my-profile.ts
            • my-status.ts
            • sticker.ts
          • driectives
          • interface
          • pipe
          • routes
          • services
        • app.component.html
        • app.component.scss
        • app.component.ts
        • app-config.ts
        • app.routes.ts
      • favicon.ico
      • index.html
      • main.ts
      • polyfills.ts
      • styles.sccs
    • angular.json
    • package.json
    • tsconfing.json
    • tsconfing.app.json
    • tsconfing.spec.json