setup feature modules

README.md

@@ -25,3 +25,5 @@ Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To u
 ## Further help
 
 To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+
+ng generate module customers --route customers --module app.module

package.json

@@ -18,6 +18,8 @@
     "@angular/platform-browser": "^14.2.0",
     "@angular/platform-browser-dynamic": "^14.2.0",
     "@angular/router": "^14.2.0",
+    "@ngrx/effects": "^14.3.1",
+    "@ngrx/store": "^14.3.1",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
@@ -35,4 +37,4 @@
     "karma-jasmine-html-reporter": "~2.0.0",
     "typescript": "~4.7.2"
   }
-}
+}

src/app/app-routing.module.ts

@@ -1,10 +1,33 @@
 import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
+import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
+import { IsSignedInGuard } from './pages/auth/guard/is-signed-in.guard';
+import { HasAccessGuard } from './pages/dashboard/guard/has-access.guard';
 
-const routes: Routes = [];
+const routes: Routes = [
+  { 
+    path: 'auth', 
+    canActivate: [IsSignedInGuard], 
+    loadChildren: () => import('./pages/auth/auth.module').then(m => m.AuthModule)
+  },
+  { 
+    path: 'dashboard', 
+    canLoad: [HasAccessGuard], 
+    canActivate: [HasAccessGuard], 
+    loadChildren: () => import('./pages/dashboard/dashboard.module').then(m => m.DashboardModule) 
+  },
+  { 
+    path: '', 
+    pathMatch: 'full', 
+    redirectTo: 'auth'
+  },
+  {
+    path: '**', 
+    redirectTo:'auth'
+  }
+];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes)],
+  imports: [RouterModule.forRoot(routes, {preloadingStrategy: PreloadAllModules})],
   exports: [RouterModule]
 })
 export class AppRoutingModule { }