title: Splitting front-end into multiple Angular SPAs
body: <p>I'm working on an Angular app where some sites may not share the same structure/layout as others. So for example the main page will display a centered multi-step form that takes the user through a quote process. </p>
  
  <p>Then I have another page which is meant for administrative users to view status on orders and one to view some statistics and so on.</p>
  
  <p>My problem is that I'm finding it hard to do it in one Angular app. The main reason being that the layout of the different pages are not very similar. So basically the form differs a lot from the other pages. For example it has a progress bar that should not be displayed on any other pages and the styling differs as well.</p>
  
  <p>Should I really divide this up into multiple Angular apps? It makes sense to group the statistics/order status pages as they can share the same main layout (navbar etc.) with centered content differering, so that's one "app" and then I could have main form app as its own.</p>
  
  <p>At the moment I'm finding my css and structure to be a mess as I need to hide/show stuff all the time.</p>
  
  <p>Does it make sense to divide the site into multiple angular apps, or should I be able to make what I have now work?</p>