Gulp

app/routes.js

@@ -7,4 +7,5 @@ module.exports.initialize = function(app) {
     app.get('/api/contacts/:id', contacts.getById);
     app.post('/api/contacts', contacts.add);
     app.put('/api/contacts', contacts.update);
+    app.delete('/api/contacts/:id', contacts.delete);
 };

client/src/views/contact_details.js

@@ -3,11 +3,25 @@ var Marionette = require('backbone.marionette');
 module.exports = ContactDetailsView = Marionette.ItemView.extend({
     template: require('../../templates/contact_details.hbs'),
     events: {
-        'click a': 'goBack'
+        'click a.back': 'goBack',
+        'click a.delete': 'deleteContact'
     },
 
     goBack: function(e) {
         e.preventDefault();
+        window.App.controller.home();
+    },
+    deleteContact: function(e) {
+        e.preventDefault();
+        console.log('Deleting contact');
+
+        // this will actually send a DELETE to the server:
+        this.model.destroy({
+          success: function(model, response)  {
+              window.App.data.contacts.remove(this.model);
+          }
+        });
+
         window.App.controller.home();
     }
 });

client/templates/contact_details.hbs

@@ -7,4 +7,4 @@
 
 </div>
 
-<a href="#"><< Back</a>
+<a href="#" class="back"><< Back</a> | <a href="#" class="delete">Delete Contact</a>

controllers/contacts.js

@@ -27,5 +27,16 @@ module.exports = {
     update: function(req, res) {
         console.log(req.body);
         res.json(req.body);
+    },
+    delete: function(req, res) {
+        models.Contact.findOne({ _id: req.params.id }, function(err, contact) {
+            if (err) {
+                res.json({error: 'Contact not found.'});
+            } else {
+                contact.remove(function(err, contact){
+                    res.json(200, {status: 'Success'});
+                })
+            }
+        });
     }
 };