404.

Author: gnllucena

README.md

@@ -26,11 +26,8 @@ Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protrac
 
 To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
 
-
 404
-regionalization
 users page
+toast
 HttpErroHandling
 Error handling
-localhost:4200/users/gnllucena
-toast

src/app/app.module.ts

@@ -24,7 +24,11 @@ export const appRoutes: Routes = [
     path: 'users',
     loadChildren: './modules/users/users.module#UsersModule'
   },
-  { path: '**', redirectTo: '' }
+  {
+    path: 'not-found',
+    loadChildren: './modules/not-found/not-found.module#NotFoundModule'
+  },
+  { path: '**', redirectTo: 'not-found' }
 ];
 
 @NgModule({

src/app/modules/not-found/not-found-page/not-found-page.component.html

@@ -0,0 +1 @@
+These are not the droids you are looking for...

src/app/modules/not-found/not-found-page/not-found-page.component.ts

@@ -0,0 +1,13 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+  selector: 'not-found-page',
+  templateUrl: './not-found-page.component.html',
+  encapsulation: ViewEncapsulation.None
+})
+
+export class NotFoundPageComponent  {
+  title = 'Not found';
+
+  constructor() { }
+}

src/app/modules/not-found/not-found.module.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { NotFoundPageComponent } from './not-found-page/not-found-page.component';
+
+const appRoutes: Routes = [
+  { path: '', component: NotFoundPageComponent },
+];
+
+@NgModule({
+  declarations: [
+    NotFoundPageComponent,
+  ],
+  imports: [
+    RouterModule.forChild(appRoutes)
+  ]
+})
+export class NotFoundModule { }