diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index dc39edb..fb34c57 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -1,3 +1,7 @@
 import { Routes } from '@angular/router';
+import { MapComponent } from './map/map';
 
-export const routes: Routes = [];
+export const routes: Routes = [
+  { path: '', redirectTo: '/map', pathMatch: 'full' },
+  { path: 'map', component: MapComponent }
+];
diff --git a/src/app/map/map.css b/src/app/map/map.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/map/map.html b/src/app/map/map.html
new file mode 100644
index 0000000..088f942
--- /dev/null
+++ b/src/app/map/map.html
@@ -0,0 +1 @@
+<p>map works!</p>
diff --git a/src/app/map/map.ts b/src/app/map/map.ts
new file mode 100644
index 0000000..4654b72
--- /dev/null
+++ b/src/app/map/map.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-map',
+  imports: [],
+  templateUrl: './map.html',
+  styleUrl: './map.css',
+})
+export class Map {
+
+}