diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index fbfd118..f46e644 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -1,6 +1,9 @@
 import { Routes } from '@angular/router';
+import { NotFoundComponent } from './notfound.component';
 
 export const routes: Routes = [
   { path: '', loadChildren: './home/home.module#HomeModule'},
-  { path: 'category', loadChildren: './category/category.module#CategoryModule'}
+  { path: 'category', loadChildren: './category/category.module#CategoryModule'},
+  { path: 'not_found', component: NotFoundComponent },
+  { path: "**", redirectTo: "not_found" }
 ];
diff --git a/src/app/notfound.component.html b/src/app/notfound.component.html
new file mode 100644
index 0000000..2e995e4
--- /dev/null
+++ b/src/app/notfound.component.html
@@ -0,0 +1 @@
+<h1>File not found</h1>
\ No newline at end of file
diff --git a/src/app/notfound.component.ts b/src/app/notfound.component.ts
new file mode 100644
index 0000000..d7c070d
--- /dev/null
+++ b/src/app/notfound.component.ts
@@ -0,0 +1,6 @@
+import { Component } from '@angular/core';
+
+@Component({
+  templateUrl: './notfound.component.html',
+})
+export class NotFoundComponent {}