title: Angular project structure best practice
body: <p>This is the directory structure of my Angular project.  Angular applications can get big with many different types of components.  What is the best practice for organizing Angular applications?</p>
  <pre><code>-app
    -layout
       -home-layout
           -header
           -menu
           -content
              -detail-page
                 -left-side
                    -left-side.component.html
                    -left-side.component.ts
                 -right-side
               -detail-page.component.html
               -detail-page.component.ts
           -footer
       -pipes
       -widget-features
    -material-module
    -services
    -models
  </code></pre>
  <p>With the actual structure, the site map organization is very clear, I can easily find the different pages content.</p>
  <p>But to get a modular architecture, I want to reorganize the structure.</p>
  <p>Can you give me some advises, please?</p>