diff --git a/xos-apps/auto-scale/gui/src/js/autoscaling_details.js b/xos-apps/auto-scale/gui/src/js/autoscaling_details.js
new file mode 100644
index 0000000..f6fb4d6
--- /dev/null
+++ b/xos-apps/auto-scale/gui/src/js/autoscaling_details.js
@@ -0,0 +1,13 @@
+angular.module('autoscaling')
+.directive('serviceContainer', function(lodash){
+  return {
+    restrict: 'E',
+    scope: {},
+    bindToController: true,
+    controllerAs: 'vm',
+    templateUrl: 'templates/service-container.tpl.html',
+    controller: () => {
+
+    }
+  };
+});
diff --git a/xos-apps/auto-scale/gui/src/js/main.js b/xos-apps/auto-scale/gui/src/js/main.js
new file mode 100644
index 0000000..5976fd9
--- /dev/null
+++ b/xos-apps/auto-scale/gui/src/js/main.js
@@ -0,0 +1,20 @@
+'use strict';
+
+angular.module('autoscaling', [
+  'ngLodash',
+  'ui.router',
+  'ngAnimate',
+  'chart.js'
+])
+.run(() => {
+  console.log('autoscaling is running');
+})
+.config(($stateProvider, $urlRouterProvider) => {
+  $stateProvider
+  .state('ceilometerDashboard', {
+    url: '/',
+    template: '<service-container></service-container>'
+  });
+  
+  $urlRouterProvider.otherwise('/');
+});