module and routing fix

src/app/app-routing.module.ts

@@ -1,7 +1,12 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import { HomeComponent } from './components/home/home.component';
+import { ProductItemDetailsComponent } from './components/product-item-details/product-item-details.component';
 
-const routes: Routes = [];
+const routes: Routes = [
+  { path: '', component: HomeComponent },
+  { path: 'product/:id', component: ProductItemDetailsComponent }
+];
 
 @NgModule({
   imports: [RouterModule.forRoot(routes)],

src/app/app.component.html

@@ -1,2 +1 @@
-<app-home></app-home>
 <router-outlet></router-outlet>

src/app/app.module.ts

@@ -9,12 +9,15 @@ import { ProductItemComponent } from './components/product-item/product-item.com
 import { ProductListComponent } from './components/product-list/product-list.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { NavbarComponent } from './components/navbar/navbar.component';
+import { ProductItemDetailsComponent } from './components/product-item-details/product-item-details.component'
 
 import { MatCommonModule } from '@angular/material/core';
 import { MatButtonModule } from '@angular/material/button'
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatIconModule } from '@angular/material/icon';
-import { MatCardModule } from '@angular/material/card'
+import { MatCardModule } from '@angular/material/card';
+import { MatSelectModule } from '@angular/material/select'
+
 
 
 @NgModule({
@@ -23,7 +26,8 @@ import { MatCardModule } from '@angular/material/card'
     HomeComponent,
     ProductItemComponent,
     ProductListComponent,
-    NavbarComponent
+    NavbarComponent,
+    ProductItemDetailsComponent
   ],
   imports: [
     BrowserModule,
@@ -35,7 +39,8 @@ import { MatCardModule } from '@angular/material/card'
     MatToolbarModule,
     MatIconModule,
     MatButtonModule,
-    MatCardModule
+    MatCardModule,
+    MatSelectModule
   ],
   providers: [],
   bootstrap: [AppComponent]