We have reached the point in our project at which we will start integrating the AngularJS application. This chapter will take a different approach at building the desired application. An ideal application should be structured in a modular way, each module addressing a specific functionality.
You are probably already familiar with the component-based approach when building Angular apps. What this means is that we will create small modules that encapsulate specific functionalities. This enables us to add functionality incrementally; imagine adding vertical blocks onto the application.
For this to work, we need to create a main block that glues everything together, pulling all features and modules together. Keep your main app module thin and move the rest of the logic to application modules.
One rule that I like to follow is to keep my folder structure as flat as possible. I always try to reduce the level of the folders so that I can locate code and...