Project organization

The project is organized into a Java EE web application. We put all our JavaScript code into the folders that follow the convention for AngularJS, because it is likely that we are professionally working in a full-stack environment and sharing the code base with mixed skills. The AngularJS controllers are placed under app/controllers, while the factories and services are placed under app/service, as shown in the following structure:

src/main/webapp/app/controllers

src/main/webapp/app/controllers/main.js

src/main/webapp/app/controllers/newcaserecord-modal.js

src/main/webapp/app/controllers/newtask-modal.js

src/main/webapp/app/services

src/main/webapp/app/services/iso-countries.js

src/main/webapp/app/services/shared-services.js

Next, we put the third-party JavaScript libraries into their designated area:

src/main/webapp/javascripts

src/main/webapp/javascripts/angular.js

src/main/webapp/javascripts/bootstrap.js

src/main/webapp/javascripts/jquery-2.1.3.js

src/main...