Replace dummy data

src/app/model/model.module.ts

@@ -4,9 +4,13 @@ import { StaticDataSource } from "./static.datasource";
 import { Cart } from "./cart.model";
 import { Order } from "./order.model";
 import { OrderRepository } from "./order.repository";
+import { RestDataSource } from "./rest.datasource";
+import { HttpClientModule } from "@angular/common/http";
 
 @NgModule({
-    providers: [ProductRepository, StaticDataSource, Cart, Order, OrderRepository]
+    imports: [HttpClientModule],
+    providers: [ProductRepository, Cart, Order, OrderRepository, 
+        { provide: StaticDataSource, useClass: RestDataSource }]
 })
 
 export class ModelModule {}

src/app/model/rest.datasource.ts

@@ -0,0 +1,28 @@
+import { Injectable } from "@angular/core";
+import { HttpClient } from "@angular/common/http";
+import { Observable } from "rxjs";
+import { Product } from "./product.model";
+import { Cart } from "./cart.model";
+import { Order } from "./order.model";
+
+const PROTOCOL = "http";
+const PORT = 3500;
+
+@Injectable()
+export class RestDataSource {
+
+    baseUrl: string;
+
+    constructor(private http: HttpClient) {
+        this.baseUrl = `${PROTOCOL}://${location.hostname}:${PORT}/`
+    }
+
+    getProducts(): Observable<Product[]> {
+        return this.http.get<Product[]>(this.baseUrl + "products");
+    }
+
+    saveOrder(order: Order): Observable<Order> {
+        console.log(JSON.stringify(order));
+        return this.http.post<Order>(this.baseUrl + "orders", order);
+    }
+}