diff --git a/app/assets/javascripts/spa.js b/app/assets/javascripts/spa.js
index 41e1260..1e9e0ba 100644
--- a/app/assets/javascripts/spa.js
+++ b/app/assets/javascripts/spa.js
@@ -12,4 +12,19 @@ app.controller('TransgressionsController', ['$http', function($http){
   $http.get('/transgressions').success(function(data){
     controller.transgressions = data.transgressions;
   });
+
+  this.createTransgression = function(){
+    var csrf = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
+    $http.post('/transgressions', {
+      authenticity_token: csrf,
+      transgression: {
+        sin_type: controller.newTransgressionSinType,
+        description: controller.newTransgressionDescription
+      }
+    }).success(function(data){
+      $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 692079f..9dcf8e3 100644
--- a/app/views/spa.html.erb
+++ b/app/views/spa.html.erb
@@ -19,5 +19,20 @@
         Created: {{transgression.authored_at}}
       </li>
     </ul>
+    <h2>The Flesh is Weak</h2>
+    <form ng-submit="transgressionsCtrl.createTransgression()">
+      <input
+        type="text"
+        ng-model="transgressionsCtrl.newTransgressionSinType"
+        placeholder="How have you pleased me?" />
+      <br/>
+      <textarea
+        ng-model="transgressionsCtrl.newTransgressionDescription"
+        placeholder="Yes! Now describe it to me, mortal"></textarea>
+      <br/>
+      <input
+        type="Submit"
+        value="Feed Me!" />
+    </form>
   </section>
 </main>