diff --git a/app/assets/javascripts/angular.js b/app/assets/javascripts/angular.js
index b56aa66..66df61e 100644
--- a/app/assets/javascripts/angular.js
+++ b/app/assets/javascripts/angular.js
@@ -1,13 +1,34 @@
 var app = angular.module('SinsApp', []);
 
+//Header Controller
 app.controller('HeaderController', ['$http', function($http){
   var controller = this;
+  //Get current user fromroute
   $http.get('/session').success(function(data){
+    //setting current user to data.current user because
+    //data comes back like {current_user:{email:'asdf.asdf'}}
     controller.current_user = data.current_user;
-    console.log(controller.current_user);
   })
 }]);
 
+//Transgressions Controller
 app.controller('TransgressionsController', ['$http', function($http){
-  this.foo = 'bar'
+  //get authenticity_token from DOM (rails injects it on load)
+  var authenticity_token = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
+
+  // create a transgression
+  this.createTransgression = function(){
+    //make a post to /transgressions
+    $http.post('/transgressions', {
+      //include authenticity_token
+      authenticity_token: authenticity_token,
+      //values from form
+      transgression: {
+        sin_type: "Gluttony",
+        description: "Hard coded values make me repent!"
+      }
+    }).success(function(data){
+      console.log(data);
+    });
+  }
 }]);
diff --git a/app/views/angular.html.erb b/app/views/angular.html.erb
index 56b7859..a350995 100644
--- a/app/views/angular.html.erb
+++ b/app/views/angular.html.erb
@@ -3,5 +3,10 @@
 
 </header>
 <main ng-controller="TransgressionsController as transgressions">
-  {{transgressions.foo}}
+  <h2>The Flesh is Weak: Admit Your Transgressions</h2>
+  <form ng-submit="transgressions.createTransgression()">
+    <input type="text" placeholder="Sin Type"/>
+    <input type="text" placeholder="How Have You Pleased Me?"/>
+    <input type="submit" value="Feed Me Your Regrets" />
+  </form>
 </main>