Add modules and lazy loading

src/app/modules/cart/cart-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { CartComponent } from 'src/app/pages/cart/cart.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: CartComponent
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class CartRoutingModule { }

src/app/modules/cart/cart.module.ts

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { CartRoutingModule } from './cart-routing.module';
+import { CartComponent } from 'src/app/pages/cart/cart.component';
+import { MatIconModule } from '@angular/material/icon';
+import { MatCardModule } from '@angular/material/card';
+import { MatTableModule } from '@angular/material/table';
+import { MatButtonModule } from '@angular/material/button';
+
+
+@NgModule({
+  declarations: [CartComponent],
+  imports: [
+    CommonModule,
+    MatIconModule,
+    MatCardModule,
+    MatTableModule,
+    CartRoutingModule,
+    MatButtonModule,
+  ]
+})
+export class CartModule { }

src/app/modules/favorite/favorite-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { FavoriteComponent } from 'src/app/pages/favorite/favorite.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: FavoriteComponent
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class FavoriteRoutingModule { }

src/app/modules/favorite/favorite.module.ts

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { FavoriteRoutingModule } from './favorite-routing.module';
+import { FavoriteComponent } from 'src/app/pages/favorite/favorite.component';
+import { MatListModule } from '@angular/material/list';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { SharedModule } from '../shared/shared.module';
+import { MatButtonModule } from '@angular/material/button';
+
+
+@NgModule({
+  declarations: [FavoriteComponent],
+  imports: [
+    CommonModule,
+    MatListModule,
+    MatGridListModule,
+    FavoriteRoutingModule,
+    MatButtonModule,
+    SharedModule
+  ]
+})
+export class FavoriteModule { }

src/app/modules/filters/filters-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { FiltersComponent } from 'src/app/pages/home/components/filters/filters.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: FiltersComponent
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class FiltersRoutingModule { }

src/app/modules/filters/filters.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { FiltersRoutingModule } from './filters-routing.module';
+import { FiltersComponent } from 'src/app/pages/home/components/filters/filters.component';
+import { SharedModule } from '../shared/shared.module';
+import { MatExpansionModule } from '@angular/material/expansion';
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule,
+    FiltersRoutingModule,
+    SharedModule,
+  ]
+})
+export class FiltersModule { }

src/app/modules/home/home-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { HomeComponent } from 'src/app/pages/home/home.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: HomeComponent
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class HomeRoutingModule { }

src/app/modules/home/home.module.ts

@@ -0,0 +1,25 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { HomeRoutingModule } from './home-routing.module';
+import { HomeComponent } from 'src/app/pages/home/home.component';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatIconModule } from '@angular/material/icon';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { FiltersComponent } from 'src/app/pages/home/components/filters/filters.component';
+import { FooterComponent } from 'src/app/components/footer/footer.component';
+import { SharedModule } from '../shared/shared.module';
+
+
+@NgModule({
+  declarations: [HomeComponent, FooterComponent],
+  imports: [
+    CommonModule,
+    MatSidenavModule,
+    MatIconModule,
+    MatGridListModule,
+    HomeRoutingModule,
+    SharedModule
+  ]
+})
+export class HomeModule { }

src/app/modules/login/login-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { LoginComponent } from 'src/app/pages/login/login.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: LoginComponent
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class LoginRoutingModule { }

src/app/modules/login/login.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { LoginRoutingModule } from './login-routing.module';
+import { LoginComponent } from 'src/app/pages/login/login.component';
+import { FormsModule } from '@angular/forms';
+
+
+@NgModule({
+  declarations: [LoginComponent],
+  imports: [
+    CommonModule,
+    FormsModule,
+    LoginRoutingModule
+  ]
+})
+export class LoginModule { }

src/app/modules/product-box/product-box-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { ProductBoxComponent } from 'src/app/pages/home/components/product-box/product-box.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ProductBoxComponent
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class ProductBoxRoutingModule { }

src/app/modules/product-box/product-box.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ProductBoxRoutingModule } from './product-box-routing.module';
+import { ProductBoxComponent } from 'src/app/pages/home/components/product-box/product-box.component';
+import { SharedModule } from '../shared/shared.module';
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule,
+    // ProductBoxRoutingModule,
+    SharedModule
+  ]
+})
+export class ProductBoxModule { }

src/app/modules/profile/profile-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { ProfileComponent } from 'src/app/pages/profile/profile.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: ProfileComponent
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class ProfileRoutingModule { }

src/app/modules/profile/profile.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { ProfileRoutingModule } from './profile-routing.module';
+import { ProfileComponent } from 'src/app/pages/profile/profile.component';
+
+
+@NgModule({
+  declarations: [ProfileComponent],
+  imports: [
+    CommonModule,
+    ProfileRoutingModule
+  ]
+})
+export class ProfileModule { }

src/app/modules/register/register-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { RegisterComponent } from 'src/app/pages/register/register.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: RegisterComponent
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class RegisterRoutingModule { }

src/app/modules/register/register.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { RegisterRoutingModule } from './register-routing.module';
+import { RegisterComponent } from 'src/app/pages/register/register.component';
+import { FormsModule } from '@angular/forms';
+
+
+@NgModule({
+  declarations: [RegisterComponent],
+  imports: [
+    CommonModule,
+    FormsModule,
+    RegisterRoutingModule
+  ]
+})
+export class RegisterModule { }

src/app/modules/shared/shared-routing.module.ts

@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class SharedRoutingModule { }

src/app/modules/shared/shared.module.ts

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ProductBoxComponent } from '../../pages/home/components/product-box/product-box.component'; // Adjust the import path based on your directory structure
+import { RouterModule } from '@angular/router';
+import { FiltersComponent } from 'src/app/pages/home/components/filters/filters.component';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatListModule } from '@angular/material/list';
+import { MatIconModule } from '@angular/material/icon';
+import { MatCardModule } from '@angular/material/card';
+
+@NgModule({
+  declarations: [ProductBoxComponent, FiltersComponent],
+  imports: [
+    CommonModule,
+    RouterModule,
+    MatExpansionModule,
+    MatListModule,
+    MatIconModule,
+    MatCardModule,
+
+  ],
+  exports: [ProductBoxComponent, FiltersComponent]
+})
+export class SharedModule { }