diff --git a/app/redfish/controllers/redfish-controller.html b/app/redfish/controllers/redfish-controller.html
new file mode 100644
index 0000000..eff1f8a
--- /dev/null
+++ b/app/redfish/controllers/redfish-controller.html
@@ -0,0 +1,47 @@
+<loader loading="loading"></loader>
+<div id="redfish">
+	<div class="row column">
+		<div style="max-width: 400px;margin:0">
+			<img src="../../assets/images/DMTF_Redfish_logo_2017.svg">
+		</div>
+	</div>
+	<div class="row column">
+		{
+		<ul style="list-style: none;">
+			<li ng-repeat="(key, value) in redfishData" ng-include="'recurse'"> </li>
+		</ul>
+		}
+	</div>
+</div>
+<script type="text/ng-template" id="recurse">
+"<b>{{key}}</b>":
+<span ng-if="isObject(value) && !isArray(value)">
+{
+	<ul style="list-style: none;">
+		<li ng-repeat="(key, value) in value" ng-include="'recurse'"> </li>
+	</ul>
+},</br>
+</span>
+
+<span ng-if="isArray(value)">
+[
+	<div ng-repeat="val in value" style="margin-left: 2em;">
+		<span ng-if="isObject(val) && !isArray(val)">
+			{
+			<ul style="list-style: none;">
+				<li ng-repeat="(key, value) in val" ng-include="'recurse'"> </li>
+			</ul>
+			},</br>
+		</span>
+		<span ng-if="!isObject(val) && !isArray(val)">
+		{{val}}
+		</span>
+	</div>
+]
+</span>
+
+<span ng-if="!isObject(value) && !isArray(value)">
+<a ng-if="key.indexOf('@odata.id') != -1" ng-href="#{{value}}">"{{value}}"</a>
+<span ng-if="key.indexOf('@odata.id') == -1" ng-href="#{{value}}">{{value | json}}</span>,
+</span>
+</script>
diff --git a/app/redfish/controllers/redfish-controller.js b/app/redfish/controllers/redfish-controller.js
new file mode 100644
index 0000000..dcfa6d7
--- /dev/null
+++ b/app/redfish/controllers/redfish-controller.js
@@ -0,0 +1,39 @@
+/**
+ * Controller for Redfish
+ *
+ * @module app/redfish
+ * @exports redfishController
+ * @name redfishController
+ * @version 0.1.0
+ */
+
+window.angular && (function(angular) {
+  'use strict';
+
+  angular.module('app.redfish').controller('redfishController', [
+    '$scope', '$http', 'dataService', '$routeParams',
+    function($scope, $http, DataService, $routeParams) {
+      $scope.redfishData = {};
+      $scope.isObject = angular.isObject;
+      $scope.isArray = angular.isArray;
+      $scope.loading = true;
+      $http({
+        method: 'GET',
+        url: DataService.getHost() + '/redfish/' + $routeParams.path,
+        withCredentials: true
+      })
+          .then(
+              function(response) {
+                $scope.redfishData = response.data;
+              },
+              function(error) {
+                $scope.display_error = true;
+                console.log(error);
+              })
+          .finally(function() {
+            $scope.loading = false;
+          });
+    }
+
+  ]);
+})(angular);
diff --git a/app/redfish/index.js b/app/redfish/index.js
new file mode 100644
index 0000000..61eb762
--- /dev/null
+++ b/app/redfish/index.js
@@ -0,0 +1,24 @@
+/**
+ * A module for redfish
+ *
+ * @module app/redfish/index
+ * @exports app/redfish/index
+ */
+
+window.angular && (function(angular) {
+  'use strict';
+
+  angular
+      .module('app.redfish', ['ngRoute', 'app.redfish'])
+      // Route configuration
+      .config([
+        '$routeProvider',
+        function($routeProvider) {
+          $routeProvider.when('/redfish/:path*/', {
+            'template': require('./controllers/redfish-controller.html'),
+            'controller': 'redfishController',
+            authenticated: true
+          });
+        }
+      ]);
+})(window.angular);