diff --git a/app/assets/javascripts/spa.js b/app/assets/javascripts/spa.js
index f0cc2be..41e1260 100644
--- a/app/assets/javascripts/spa.js
+++ b/app/assets/javascripts/spa.js
@@ -6,3 +6,10 @@ app.controller('HeaderController', ['$http', function($http){
     controller.current_user = data.current_user;
   });
 }]);
+
+app.controller('TransgressionsController', ['$http', function($http){
+  var controller = this;
+  $http.get('/transgressions').success(function(data){
+    controller.transgressions = data.transgressions;
+  });
+}]);
diff --git a/app/views/spa.html.erb b/app/views/spa.html.erb
index dc311bc..54e969a 100644
--- a/app/views/spa.html.erb
+++ b/app/views/spa.html.erb
@@ -8,4 +8,12 @@
   </nav>
 </header>
 <main>
+  <section ng-controller="TransgressionsController as transgressionsCtrl">
+    <h2>Your Beautiful Transgressions</h2>
+    <ul>
+      <li ng-repeat="transgression in transgressionsCtrl.transgressions">
+
+      </li>
+    </ul>
+  </section>
 </main>