proxy config

db.json

@@ -1,16 +1,40 @@
 {
   "tasks": [
     {
-      "title": "Sleeping",
+      "title": "configure proxy config",
       "completed": false,
       "editing": false,
       "id": 1
     },
     {
-      "title": "Dancing all day",
+      "title": "study routing",
       "completed": false,
       "editing": false,
       "id": 2
+    },
+    {
+      "title": "go to the gym",
+      "completed": false,
+      "editing": false,
+      "id": 3
+    },
+    {
+      "title": "nap for 10 mins",
+      "completed": false,
+      "editing": false,
+      "id": 4
+    },
+    {
+      "title": "buy milk",
+      "completed": false,
+      "editing": false,
+      "id": 5
+    },
+    {
+      "title": "karaoke",
+      "completed": false,
+      "editing": false,
+      "id": 6
     }
   ]
 }

package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve",
+    "start": "ng serve --proxy-config proxyconfig.json",
     "build": "ng build",
     "test": "ng test",
     "lint": "ng lint",

proxyconfig.json

@@ -0,0 +1,7 @@
+{
+    "/tasks":{
+        "target": "http://localhost:3000",
+        "secure": false,
+        "changeOrigin": true
+    }
+}

src/app/Todo-List-App/containers/TodoList/todo-list.component.html

@@ -43,7 +43,7 @@
                 <div>{{ remaining()}} uncompleted tasks</div>
             </div>
             <div *ngIf="atleastOneCompleted()">
-                <button class="btn btn-warning btn-block" (click) ="clearCompleted(); deleteCompleted(task)">Clear Completed</button> 
+                <button class="btn btn-warning btn-block" (click) ="clearCompleted()">Clear Completed</button> 
                 <div class="alert alert-warning">You've selected an item</div>
             </div>
             

src/app/Todo-List-App/containers/TodoList/todo-list.component.ts

@@ -124,9 +124,7 @@ export class TodoList{
         this.tasks = this.tasks.filter(task => !task.completed);
 
         // this.todoService.deleteTask(tasks)
-        //     .subscribe(data => this.tasks.filter(task => {
-        //         return task == data;
-        //     }))
+        //     .subscribe(data => this.tasks.filter(task => !task.completed))
     }
 
     selectAll():void{

src/app/Todo-List-App/services/todo.service.ts

@@ -3,7 +3,7 @@ import { Injectable } from "@angular/core";
 import { Observable } from "rxjs";
 import { Tasks } from "../models/todo-interface";
 import { map } from "rxjs/operators"; 
-const URL = 'http://localhost:3000/tasks';
+const URL = '/tasks';
 @Injectable()
 export class TodoService{  
     constructor(private http: HttpClient){}