Now, we enter a very controversial subject when it comes to applications with AngularJS. There are many ways to configure your environment for development using the framework. Interpret how to configure the environment and structure the directories in a way that allows us to scale it with ease.

Probably, if you make a brief search, you will find many ways to do this; this is totally acceptable, but for sure, you will find your own way to do it. Until then, we will present some alternatives.

The official AngularJS project has a simple boilerplate to start angular-seed; you can find it at https://github.com/angular/angular-seed.

The following screenshot shows angular-seed's structure:

Generally, the whole structure of AngularJS applications are structured in a directory called App, and there are many ways of using this directory. For now, imagine that the application is growing over time and you need to add more controllers in a single file called controllers.js and the same...