AngularJS modular application

app.js

angular.module('app', ['ngRoute', 'app.core', 'app.user', 'app.settings'])
.config(function($routeProvider, $locationProvider) {
  $routeProvider.when('/home', {
    templateUrl: 'partials/home.html',
    controller: 'HomeCtrl'
  });

  //Handle all exceptions
  $routeProvider.otherwise({
    redirectTo: '/home'
  });
})
.config(function(MenuProvider) {
  MenuProvider.add({
    url: '/home',
    title: 'Home'
  });
});

//HomeCtrl should be defined here.

core.js

angular.module('app.core', []).provider('Menu', function() {
  var _menu = [];
 
  this.$get = function() {
    return {
      getItems: function() {
        return _menu;
      }
    };
  };
 
  this.add = function(item) {
    _menu.push(item);
  };
})
.controller('MenuCtrl', function($scope, Menu) {
  $scope.menu = Menu.getItems();
});

menu.html

<div class="col-xs-3 well" ng-controller="MenuCtrl">
  <ul class="list-unstyled">
    <!-- Hashbang in URL because of Plunker :) -->
    <li ng-repeat="item in menu"><a ng-href="#!{{item.url}}">{{item.title}}</a></li>
  </ul>
</div>

settings.js

angular.module('app.settings', ['app.core']).config(function($routeProvider, $locationProvider) {
  $routeProvider.when('/settings', {
    templateUrl: 'partials/settings.html',
    controller: 'SettingsCtrl'
  });
})
.config(function(MenuProvider) {
  MenuProvider.add({
    url: '/settings',
    title: 'Settings'
  });
});

//SettingsCtrl should be defined here.

user.js

angular.module('app.user', ['app.core']).config(function($routeProvider, $locationProvider) {
  $routeProvider.when('/profile', {
    templateUrl: 'partials/profile.html',
    controller: 'ProfileCtrl'
  });
  $routeProvider.when('/account', {
    templateUrl: 'partials/account.html',
    controller: 'AccountCtrl'
  });
 
})
.config(function(MenuProvider) {
  MenuProvider.add({
    url: '/profile',
    title: 'Profile'
  });
  MenuProvider.add({
    url: '/account',
    title: 'Account'
  });
});

//ProfileCtrl, AccountCtrl should be defined here.