diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index b1c6c96a9de8f091f39b3b8feb7e29cfcfb1ed81..c432abf238756b6d4e8488ee0dc3f3eb9e08ce49 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -3,10 +3,22 @@ import { BrowserModule } from '@angular/platform-browser';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
+import { ProductsComponent } from './components/products/products.component';
+import { ProductComponent } from './components/product/product.component';
+import { OrdersComponent } from './components/orders/orders.component';
+import { OrderComponent } from './components/order/order.component';
+import { BuyerComponent } from './components/buyer/buyer.component';
+import { AdminComponent } from './components/admin/admin.component';
 
 @NgModule({
   declarations: [
-    AppComponent
+    AppComponent,
+    ProductsComponent,
+    ProductComponent,
+    OrdersComponent,
+    OrderComponent,
+    BuyerComponent,
+    AdminComponent
   ],
   imports: [
     BrowserModule,
diff --git a/src/app/components/admin/admin.component.html b/src/app/components/admin/admin.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..49659db03505de93774393dcea0a2a6acda4c1cc
--- /dev/null
+++ b/src/app/components/admin/admin.component.html
@@ -0,0 +1 @@
+<p>admin works!</p>
diff --git a/src/app/components/admin/admin.component.scss b/src/app/components/admin/admin.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/components/admin/admin.component.spec.ts b/src/app/components/admin/admin.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..830d8efc80d4587b374af7e95845020825380ea6
--- /dev/null
+++ b/src/app/components/admin/admin.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AdminComponent } from './admin.component';
+
+describe('AdminComponent', () => {
+  let component: AdminComponent;
+  let fixture: ComponentFixture<AdminComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [AdminComponent]
+    });
+    fixture = TestBed.createComponent(AdminComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/admin/admin.component.ts b/src/app/components/admin/admin.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..827fc58b11af18a88e1fd84d7a631ae6885caf36
--- /dev/null
+++ b/src/app/components/admin/admin.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-admin',
+  templateUrl: './admin.component.html',
+  styleUrls: ['./admin.component.scss']
+})
+export class AdminComponent {
+
+}
diff --git a/src/app/components/buyer/buyer.component.html b/src/app/components/buyer/buyer.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..f009a415a886dd1f97df7c96ef94343f95510041
--- /dev/null
+++ b/src/app/components/buyer/buyer.component.html
@@ -0,0 +1 @@
+<p>buyer works!</p>
diff --git a/src/app/components/buyer/buyer.component.scss b/src/app/components/buyer/buyer.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/components/buyer/buyer.component.spec.ts b/src/app/components/buyer/buyer.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a22e38760df150d27b0d4edd1bdc4aedc9e0b95b
--- /dev/null
+++ b/src/app/components/buyer/buyer.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BuyerComponent } from './buyer.component';
+
+describe('BuyerComponent', () => {
+  let component: BuyerComponent;
+  let fixture: ComponentFixture<BuyerComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [BuyerComponent]
+    });
+    fixture = TestBed.createComponent(BuyerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/buyer/buyer.component.ts b/src/app/components/buyer/buyer.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6b790bed12066686528d7a5b77bc54178a76136b
--- /dev/null
+++ b/src/app/components/buyer/buyer.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-buyer',
+  templateUrl: './buyer.component.html',
+  styleUrls: ['./buyer.component.scss']
+})
+export class BuyerComponent {
+
+}
diff --git a/src/app/components/order/order.component.html b/src/app/components/order/order.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..972dd131531684b43c3e0cbef607e691abbdd384
--- /dev/null
+++ b/src/app/components/order/order.component.html
@@ -0,0 +1 @@
+<p>order works!</p>
diff --git a/src/app/components/order/order.component.scss b/src/app/components/order/order.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/components/order/order.component.spec.ts b/src/app/components/order/order.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c4f4033b5b7035eff6c2346c6d6d7c767944514f
--- /dev/null
+++ b/src/app/components/order/order.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OrderComponent } from './order.component';
+
+describe('OrderComponent', () => {
+  let component: OrderComponent;
+  let fixture: ComponentFixture<OrderComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [OrderComponent]
+    });
+    fixture = TestBed.createComponent(OrderComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/order/order.component.ts b/src/app/components/order/order.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..190f4f8df228e403f6673757ae9ebaee41107983
--- /dev/null
+++ b/src/app/components/order/order.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-order',
+  templateUrl: './order.component.html',
+  styleUrls: ['./order.component.scss']
+})
+export class OrderComponent {
+
+}
diff --git a/src/app/components/orders/orders.component.html b/src/app/components/orders/orders.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..66000b4fa86dcc9fa0d722ae79f639021707379b
--- /dev/null
+++ b/src/app/components/orders/orders.component.html
@@ -0,0 +1 @@
+<p>orders works!</p>
diff --git a/src/app/components/orders/orders.component.scss b/src/app/components/orders/orders.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/components/orders/orders.component.spec.ts b/src/app/components/orders/orders.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b322b64d134d9c9126c39f1fb185e440d42e72d2
--- /dev/null
+++ b/src/app/components/orders/orders.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OrdersComponent } from './orders.component';
+
+describe('OrdersComponent', () => {
+  let component: OrdersComponent;
+  let fixture: ComponentFixture<OrdersComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [OrdersComponent]
+    });
+    fixture = TestBed.createComponent(OrdersComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/orders/orders.component.ts b/src/app/components/orders/orders.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f4f9c6643c5f4eb143a83c829605af98011cfb28
--- /dev/null
+++ b/src/app/components/orders/orders.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-orders',
+  templateUrl: './orders.component.html',
+  styleUrls: ['./orders.component.scss']
+})
+export class OrdersComponent {
+
+}
diff --git a/src/app/components/product/product.component.html b/src/app/components/product/product.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..772b623865bea68ddb8503ea383476c4ce6d7911
--- /dev/null
+++ b/src/app/components/product/product.component.html
@@ -0,0 +1 @@
+<p>product works!</p>
diff --git a/src/app/components/product/product.component.scss b/src/app/components/product/product.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/components/product/product.component.spec.ts b/src/app/components/product/product.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..670f04b2a95a378f8b5cbd59ebe91445561388eb
--- /dev/null
+++ b/src/app/components/product/product.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProductComponent } from './product.component';
+
+describe('ProductComponent', () => {
+  let component: ProductComponent;
+  let fixture: ComponentFixture<ProductComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [ProductComponent]
+    });
+    fixture = TestBed.createComponent(ProductComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/product/product.component.ts b/src/app/components/product/product.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..362e38240c8ef470ba0bec5f85e99598d3d96e1d
--- /dev/null
+++ b/src/app/components/product/product.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-product',
+  templateUrl: './product.component.html',
+  styleUrls: ['./product.component.scss']
+})
+export class ProductComponent {
+
+}
diff --git a/src/app/components/products/products.component.html b/src/app/components/products/products.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..d786d45edd6c14c083802865b63aa6b3112e9ae2
--- /dev/null
+++ b/src/app/components/products/products.component.html
@@ -0,0 +1 @@
+<p>products works!</p>
diff --git a/src/app/components/products/products.component.scss b/src/app/components/products/products.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/components/products/products.component.spec.ts b/src/app/components/products/products.component.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d292d521ec906e2a22126fc0335a829aca9c864b
--- /dev/null
+++ b/src/app/components/products/products.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProductsComponent } from './products.component';
+
+describe('ProductsComponent', () => {
+  let component: ProductsComponent;
+  let fixture: ComponentFixture<ProductsComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [ProductsComponent]
+    });
+    fixture = TestBed.createComponent(ProductsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/products/products.component.ts b/src/app/components/products/products.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..85b6fac9efeef62183c7e2fe09a603e875f31de0
--- /dev/null
+++ b/src/app/components/products/products.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-products',
+  templateUrl: './products.component.html',
+  styleUrls: ['./products.component.scss']
+})
+export class ProductsComponent {
+
+}