Index: package-lock.json
===================================================================
--- package-lock.json	(revision ad8677eb617edc12ae20cfebe194aa233db190a9)
+++ package-lock.json	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
@@ -39,4 +39,5 @@
         "karma-jasmine": "~5.1.0",
         "karma-jasmine-html-reporter": "~2.1.0",
+        "prettier": "3.5.3",
         "typescript": "~5.6.2"
       }
@@ -11496,4 +11497,20 @@
       "license": "MIT"
     },
+    "node_modules/prettier": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz",
+      "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/proc-log": {
       "version": "5.0.0",
Index: package.json
===================================================================
--- package.json	(revision ad8677eb617edc12ae20cfebe194aa233db190a9)
+++ package.json	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
@@ -42,4 +42,5 @@
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
+    "prettier": "3.5.3",
     "typescript": "~5.6.2"
   }
Index: src/app/customer/customer-dashboard/customer-dashboard.component.html
===================================================================
--- src/app/customer/customer-dashboard/customer-dashboard.component.html	(revision ad8677eb617edc12ae20cfebe194aa233db190a9)
+++ src/app/customer/customer-dashboard/customer-dashboard.component.html	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
@@ -1,1 +1,46 @@
 <app-navbar></app-navbar>
+
+<div class="container mt-4">
+    <h1 class="mb-4">Here is your dashboard</h1>
+
+    <div class="row">
+        <div class="col-md-6">
+            <h2>Your Current Orders</h2>
+            <table class="table table-striped">
+                <thead>
+                    <tr>
+                        <th>Order Date</th>
+                        <th>Order Sum</th>
+                        <th>Order Status</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr *ngFor="let order of orders; trackBy: trackByOrder">
+                        <td>{{ order.ordDate | date: 'shortDate' }}</td>
+                        <td>{{ order.ordSum | currency }}</td>
+                        <td>{{ order.statusName }}</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+        <div class="col-md-6">
+            <h2>Your Current Deliveries</h2>
+            <table class="table table-striped">
+              <thead>
+                <tr>
+                  <th>Delivery Date</th>
+                  <th>Driver Name</th>
+                  <th>Delivery Status</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr *ngFor="let del of deliveries; trackBy: trackByDelivery">
+                  <td>{{ del.delDate | date: 'shortDate' }}</td>
+                  <td>{{ del.driverName }}</td>
+                  <td>{{ del.delStatus }}</td>
+                </tr>
+              </tbody>
+            </table>
+    </div>
+</div>
Index: src/app/customer/customer-dashboard/customer-dashboard.component.ts
===================================================================
--- src/app/customer/customer-dashboard/customer-dashboard.component.ts	(revision ad8677eb617edc12ae20cfebe194aa233db190a9)
+++ src/app/customer/customer-dashboard/customer-dashboard.component.ts	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
@@ -1,10 +1,39 @@
 import { Component } from '@angular/core';
 import { NavbarComponent } from '../../navbar/navbar.component';
+import { CommonModule } from '@angular/common';
+import { Order } from '../../models/order.model';
+import { Delivery } from '../../models/delivery.model';
+import { CustomerService } from '../../services/customer.service';
 
 @Component({
   selector: 'app-customer-dashboard',
-  imports: [NavbarComponent],
+  imports: [NavbarComponent, CommonModule],
   templateUrl: './customer-dashboard.component.html',
   styleUrl: './customer-dashboard.component.css',
 })
-export class CustomerDashboardComponent {}
+export class CustomerDashboardComponent {
+  orders: Order[]=[];
+  deliveries: Delivery[]=[];
+
+  constructor(private svc: CustomerService){}
+
+  ngOnInit(){
+    this.svc.getCurrentOrders().subscribe({
+      next: (o)=>(this.orders=o),
+      error: () => alert('Failed to load orders.')
+    });
+
+    this.svc.getCurrentDeliveries().subscribe({
+      next: (d)=>(this.deliveries=d),
+      error: ()=>alert('Failed to load deliveries.')
+    });
+  }
+
+  trackByOrder(_: number, o: Order){
+    return o.ordDate+o.ordSum;
+  }
+
+  trackByDelivery(_: number, d: Delivery){
+    return d.delDate+d.driverName;
+  }
+}
Index: src/app/models/delivery.model.ts
===================================================================
--- src/app/models/delivery.model.ts	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
+++ src/app/models/delivery.model.ts	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
@@ -0,0 +1,5 @@
+export interface Delivery {
+    delDate: string;
+    driverName: string;
+    delStatus: string;
+}
Index: src/app/models/order.model.ts
===================================================================
--- src/app/models/order.model.ts	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
+++ src/app/models/order.model.ts	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
@@ -0,0 +1,5 @@
+export interface Order {
+    ordDate: string;
+    ordSum: number;
+    statusName: string;
+}
Index: src/app/services/customer.service.spec.ts
===================================================================
--- src/app/services/customer.service.spec.ts	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
+++ src/app/services/customer.service.spec.ts	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { CustomerService } from './customer.service';
+
+describe('CustomerService', () => {
+  let service: CustomerService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(CustomerService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
Index: src/app/services/customer.service.ts
===================================================================
--- src/app/services/customer.service.ts	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
+++ src/app/services/customer.service.ts	(revision c91ae88120ea6e9ea27b9f65b57db8fe00c6610e)
@@ -0,0 +1,22 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Order } from '../models/order.model';
+import { Observable } from 'rxjs';
+import { environment } from '../../environment';
+import { Delivery } from '../models/delivery.model';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class CustomerService {
+
+  constructor(private http: HttpClient) { }
+
+  getCurrentOrders(): Observable<Order[]> {
+    return this.http.get<Order[]>(`${environment.apiUrl}/current-orders`);
+  }
+
+  getCurrentDeliveries(): Observable<Delivery[]>{
+    return this.http.get<Delivery[]>(`${environment.apiUrl}/current-deliveries`);
+  }
+}