diff --git a/README.md b/README.md
index 1758445..381a404 100644
--- a/README.md
+++ b/README.md
@@ -2,3 +2,32 @@
 Simple app that consumes Angular Material 2 components. Built with the `angular-cli`.
 
 See it live: https://material2-app.firebaseapp.com/
+
+## Getting started
+
+Clone this repo
+
+``` bash
+git clone https://github.com/jelbourn/material2-app.git my-app
+cd my-app
+```
+
+Install dependencies
+
+```bash
+npm install
+```
+
+Start the server!
+
+```
+npm start
+```
+
+This will run `ng serve` and the project is accessible at: `http://localhost:4200/`
+
+You're all set (:
+
+## AOT/JIT Compilation
+
+By default JIT compilation is enabled. To disable AoT compilation update `/src/main.ts`
diff --git a/package.json b/package.json
index 968c179..2c5c829 100644
--- a/package.json
+++ b/package.json
@@ -12,23 +12,24 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "^2.0.0",
-    "@angular/compiler": "^2.0.0",
-    "@angular/core": "^2.0.0",
-    "@angular/forms": "^2.0.0",
+    "@angular/common": "^2.1.2",
+    "@angular/compiler": "^2.1.2",
+    "@angular/core": "^2.1.2",
+    "@angular/forms": "^2.1.2",
     "@angular/http": "^2.0.0",
-    "@angular/platform-browser": "^2.0.0",
-    "@angular/platform-browser-dynamic": "^2.0.0",
     "@angular/material": "2.0.0-alpha.9-3",
+    "@angular/platform-browser": "^2.1.2",
+    "@angular/platform-browser-dynamic": "^2.0.0",
     "@angular/router": "^3.0.0",
     "core-js": "^2.4.0",
-    "rxjs": "5.0.0-beta.12",
+    "hammerjs": "^2.0.8",
+    "rxjs": "^5.0.0-beta.12",
     "ts-helpers": "^1.1.1",
-    "zone.js": "^0.6.21"
+    "zone.js": "^0.6.26"
   },
   "devDependencies": {
-    "@angular/compiler-cli": "^0.6.3",
-    "@angular/platform-server": "^2.0.0",
+    "@angular/compiler-cli": "^2.1.2",
+    "@angular/platform-server": "^2.1.2",
     "@types/hammerjs": "^2.0.32",
     "@types/jasmine": "^2.2.30",
     "angular-cli": "^1.0.0-beta.16",
@@ -43,6 +44,6 @@
     "protractor": "4.0.3",
     "ts-node": "1.2.1",
     "tslint": "3.13.0",
-    "typescript": "^2.0.2"
+    "typescript": "^2.0.6"
   }
 }
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 0424b95..a8ea03d 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -12,7 +12,7 @@
     Angular Material2 Example App
 
     <span class="app-toolbar-filler"></span>
-    <button md-button (click)="isDarkTheme = !isDarkTheme">TOGGLE DARK THEME</button>
+    <md-slide-toggle [(ngModel)]="isDarkTheme">TOGGLE DARK THEME</md-slide-toggle>
   </md-toolbar>
 
   <div class="app-content">
@@ -31,6 +31,11 @@
       <md-checkbox [disabled]="true">Disabled</md-checkbox>
     </md-card>
 
+    <md-card>
+      <md-slide-toggle > Default Slide Toggle </md-slide-toggle>
+      <md-slide-toggle disabled> Disabled Slide Toggle </md-slide-toggle>
+    </md-card>
+
     <md-card>
       <md-radio-button name="symbol">Alpha</md-radio-button>
       <md-radio-button name="symbol">Beta</md-radio-button>
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 435d3ef..4b24884 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -1,11 +1,13 @@
 import {NgModule} from '@angular/core';
 import {BrowserModule} from '@angular/platform-browser';
+import {FormsModule} from '@angular/forms';
 import {MaterialModule} from '@angular/material';
 import {Material2AppAppComponent} from './app.component';
 
 @NgModule({
   imports: [
     BrowserModule,
+    FormsModule,
     MaterialModule.forRoot(),
   ],
   declarations: [Material2AppAppComponent],
diff --git a/src/main.ts b/src/main.ts
index 080d27a..e2aaafa 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -11,9 +11,9 @@ if (environment.production) {
  * JIT compile.
  */
 
-// import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
-// import {MaterialAppModule} from './app/app.module';
-// platformBrowserDynamic().bootstrapModule(MaterialAppModule);
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
+import {MaterialAppModule} from './app/app.module';
+platformBrowserDynamic().bootstrapModule(MaterialAppModule);
 
 
 /**
@@ -21,6 +21,6 @@ if (environment.production) {
  * First run `./node_modules/.bin/ngc -p ./src/`
  */
 
-import {platformBrowser} from '@angular/platform-browser';
-import {MaterialAppModuleNgFactory} from './aot/app/app.module.ngfactory';
-platformBrowser().bootstrapModuleFactory(MaterialAppModuleNgFactory);
+// import {platformBrowser} from '@angular/platform-browser';
+// import {MaterialAppModuleNgFactory} from './aot/app/app.module.ngfactory';
+// platformBrowser().bootstrapModuleFactory(MaterialAppModuleNgFactory);
diff --git a/src/polyfills.ts b/src/polyfills.ts
index 3b4c55b..4593cda 100644
--- a/src/polyfills.ts
+++ b/src/polyfills.ts
@@ -17,3 +17,5 @@ import 'core-js/es6/reflect';
 
 import 'core-js/es7/reflect';
 import 'zone.js/dist/zone';
+
+import 'hammerjs';