diff --git a/src/app/app.component.js b/src/app/app.component.js
index 0a31c38..4ebad2a 100644
--- a/src/app/app.component.js
+++ b/src/app/app.component.js
@@ -6,27 +6,27 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var core_1 = require("@angular/core");
-var mock_tasks_1 = require("./mock-tasks");
 var AppComponent = (function () {
     function AppComponent() {
+        this.tasks = ['Task1', 'Task2', 'Task3', 'Task4'];
         this.title = 'Angular4';
-        //task1:Task = ''
-        this.lists = mock_tasks_1.tasks;
+        this.task = '';
     }
+    //lists: Task[] = tasks;
     AppComponent.prototype.postTask = function () {
-        this.lists.push(this.task);
+        this.tasks.push(this.task);
         this.task = ' ';
     };
     AppComponent.prototype.deleteTask = function (list) {
-        var index = this.lists.indexOf(list);
-        this.lists.splice(index, 1);
+        var index = this.tasks.indexOf(list);
+        this.tasks.splice(index, 1);
     };
     return AppComponent;
 }());
 AppComponent = __decorate([
     core_1.Component({
         selector: 'my-app',
-        template: "\n\t<h1>Weclome to {{title}} </h1>\n\t<br>\n\t<input  [(ngModel)]=\"task\" placeholder=\"Enter Todo\" />\n\t<button (click)=\"postTask()\">Add</button>\n\t<ul>\n\t<li  *ngFor=\"let list of lists\">\n\t<label class=\"route\" >{{list}}&nbsp;<button (click)=deleteTask(list)>x</button> </label>\n\t</li>\n\t</ul>\n\t",
+        template: "\n\t<h1>Weclome to {{title}} </h1>\n\t<br>\n\t<input  [(ngModel)]=\"task\" placeholder=\"Enter Todo\" />\n\t<button (click)=\"postTask()\">Add</button>\n\t<ul>\n\t<li  *ngFor=\"let list of tasks\">\n\t<label class=\"route\" >{{list}}&nbsp;<button (click)=deleteTask(list)>x</button> </label>\n\t</li>\n\t</ul>\n\t",
         styles: ['li { list-style-type : none; margin-bottom:10px;}',
             '.route { cursor: pointer; }']
     })
diff --git a/src/app/app.component.js.map b/src/app/app.component.js.map
index e5d966f..7ce981d 100644
--- a/src/app/app.component.js.map
+++ b/src/app/app.component.js.map
@@ -1 +1 @@
-{"version":3,"file":"app.component.js","sourceRoot":"","sources":["app.component.ts"],"names":[],"mappings":";;;;;;;AAAA,sCAA0C;AAC1C,2CAAqC;AAyBrC,IAAa,YAAY;IArBzB;QAsBC,UAAK,GAAG,UAAU,CAAC;QAEnB,iBAAiB;QACjB,UAAK,GAAW,kBAAK,CAAC;IASvB,CAAC;IARA,+BAAQ,GAAR;QACC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAE,GAAG,CAAA;IACf,CAAC;IACD,iCAAU,GAAV,UAAW,IAAU;QACpB,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC7B,CAAC;IACF,mBAAC;AAAD,CAAC,AAbD,IAaC;AAbY,YAAY;IArBxB,gBAAS,CAAC;QACV,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,2TAUT;QACD,MAAM,EACN,CAAC,mDAAmD;YACpD,6BAA6B,CAAC;KAE7B,CAAC;GAIU,YAAY,CAaxB;AAbY,oCAAY"}
\ No newline at end of file
+{"version":3,"file":"app.component.js","sourceRoot":"","sources":["app.component.ts"],"names":[],"mappings":";;;;;;;AAAA,sCAA0C;AA0B1C,IAAa,YAAY;IArBzB;QAsBC,UAAK,GAAa,CAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,CAAC,CAAC;QACpD,UAAK,GAAG,UAAU,CAAC;QACnB,SAAI,GAAW,EAAE,CAAA;IAUlB,CAAC;IATA,wBAAwB;IACxB,+BAAQ,GAAR;QACC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAE,GAAG,CAAA;IACf,CAAC;IACD,iCAAU,GAAV,UAAW,IAAY;QACtB,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC7B,CAAC;IACF,mBAAC;AAAD,CAAC,AAbD,IAaC;AAbY,YAAY;IArBxB,gBAAS,CAAC;QACV,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,2TAUT;QACD,MAAM,EACN,CAAC,mDAAmD;YACpD,6BAA6B,CAAC;KAE7B,CAAC;GAIU,YAAY,CAaxB;AAbY,oCAAY"}
\ No newline at end of file
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index f4c995f..4976d53 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { tasks } from './mock-tasks';
+//import { tasks } from './mock-tasks';
 import { Task } from './task'
 import { Location }                 from '@angular/common';
 
@@ -11,7 +11,7 @@ import { Location }                 from '@angular/common';
 	<input  [(ngModel)]="task" placeholder="Enter Todo" />
 	<button (click)="postTask()">Add</button>
 	<ul>
-	<li  *ngFor="let list of lists">
+	<li  *ngFor="let list of tasks">
 	<label class="route" >{{list}}&nbsp;<button (click)=deleteTask(list)>x</button> </label>
 	</li>
 	</ul>
@@ -25,17 +25,17 @@ import { Location }                 from '@angular/common';
 //  &nbsp;<button (click)=deleteTask(list)>x</button>
 
 export class AppComponent {
+	tasks: string[] = ['Task1','Task2','Task3','Task4'];
 	title = 'Angular4';
-	task:Task;
-	//task1:Task = ''
-	lists: Task[] = tasks;
+	task: string = ''
+	//lists: Task[] = tasks;
 	postTask(): void {
-		this.lists.push(this.task);
+		this.tasks.push(this.task);
 		this.task= ' '
 	}
-	deleteTask(list: Task): void {
-		const index = this.lists.indexOf(list);
-		this.lists.splice(index, 1);
+	deleteTask(list: string): void {
+		const index = this.tasks.indexOf(list);
+		this.tasks.splice(index, 1);
 	}
 }
 
diff --git a/src/app/mock-tasks.js b/src/app/mock-tasks.js
index 0e5d4e7..ed79ea3 100644
--- a/src/app/mock-tasks.js
+++ b/src/app/mock-tasks.js
@@ -1,6 +1,6 @@
-"use strict";
-exports.tasks = [
-    'Task1',
-    'Task2'
-];
+// import { Task } from './task';
+// export const tasks: Task[] = [
+// 'Task1',
+// 'Task2'
+// ] 
 //# sourceMappingURL=mock-tasks.js.map
\ No newline at end of file
diff --git a/src/app/mock-tasks.js.map b/src/app/mock-tasks.js.map
index 4fa2685..8223b35 100644
--- a/src/app/mock-tasks.js.map
+++ b/src/app/mock-tasks.js.map
@@ -1 +1 @@
-{"version":3,"file":"mock-tasks.js","sourceRoot":"","sources":["mock-tasks.ts"],"names":[],"mappings":";AAEa,QAAA,KAAK,GAAW;IAC7B,OAAO;IACP,OAAO;CACN,CAAA"}
\ No newline at end of file
+{"version":3,"file":"mock-tasks.js","sourceRoot":"","sources":["mock-tasks.ts"],"names":[],"mappings":"AAAA,iCAAiC;AAEjC,iCAAiC;AACjC,WAAW;AACX,UAAU;AACV,IAAI"}
\ No newline at end of file
diff --git a/src/app/mock-tasks.ts b/src/app/mock-tasks.ts
index 9aeb7d9..882f759 100644
--- a/src/app/mock-tasks.ts
+++ b/src/app/mock-tasks.ts
@@ -1,6 +1,6 @@
-import { Task } from './task';
+// import { Task } from './task';
 
-export const tasks: Task[] = [
-'Task1',
-'Task2'
-]
\ No newline at end of file
+// export const tasks: Task[] = [
+// 'Task1',
+// 'Task2'
+// ]
\ No newline at end of file
diff --git a/src/app/task.component.js b/src/app/task.component.js
index 6c6157b..cbf65c8 100644
--- a/src/app/task.component.js
+++ b/src/app/task.component.js
@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 var core_1 = require("@angular/core");
+//import { tasks } from './mock-tasks';
 var TaskComponent = (function () {
     function TaskComponent() {
     }
diff --git a/src/app/task.component.js.map b/src/app/task.component.js.map
index 7a567ca..a24721d 100644
--- a/src/app/task.component.js.map
+++ b/src/app/task.component.js.map
@@ -1 +1 @@
-{"version":3,"file":"task.component.js","sourceRoot":"","sources":["task.component.ts"],"names":[],"mappings":";;;;;;;AAAA,sCAA0C;AAQ1C,IAAa,aAAa;IAA1B;IAEA,CAAC;IAAD,oBAAC;AAAD,CAAC,AAFD,IAEC;AAFY,aAAa;IALzB,gBAAS,CAAC;QACV,QAAQ,EAAE,aAAa;QACvB,QAAQ,EAAE,+BAA+B;KACxC,CAAC;GAEU,aAAa,CAEzB;AAFY,sCAAa"}
\ No newline at end of file
+{"version":3,"file":"task.component.js","sourceRoot":"","sources":["task.component.ts"],"names":[],"mappings":";;;;;;;AAAA,sCAA0C;AAC1C,uCAAuC;AAOvC,IAAa,aAAa;IAA1B;IAEA,CAAC;IAAD,oBAAC;AAAD,CAAC,AAFD,IAEC;AAFY,aAAa;IALzB,gBAAS,CAAC;QACV,QAAQ,EAAE,aAAa;QACvB,QAAQ,EAAE,+BAA+B;KACxC,CAAC;GAEU,aAAa,CAEzB;AAFY,sCAAa"}
\ No newline at end of file
diff --git a/src/app/task.component.ts b/src/app/task.component.ts
index c02a4de..666d55e 100644
--- a/src/app/task.component.ts
+++ b/src/app/task.component.ts
@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { tasks } from './mock-tasks';
+//import { tasks } from './mock-tasks';
 
 @Component({
 	selector: 'task-detail',