diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
index f3e333e..0680b43 100644
--- a/frontend/src/app/app.component.html
+++ b/frontend/src/app/app.component.html
@@ -1 +1 @@
-<h1>Hello World</h1>
+<router-outlet></router-outlet>
diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts
index dc39edb..b32bca7 100644
--- a/frontend/src/app/app.routes.ts
+++ b/frontend/src/app/app.routes.ts
@@ -1,3 +1,6 @@
 import { Routes } from '@angular/router';
 
-export const routes: Routes = [];
+export const routes: Routes = [
+  { path: '', redirectTo: '/register', pathMatch: 'full' },
+  { path: 'register', loadComponent: () => import('./page/register-root/register-root.component').then(c => c.RegisterRootComponent) },
+];
diff --git a/frontend/src/app/page/register-root/register-root.component.html b/frontend/src/app/page/register-root/register-root.component.html
new file mode 100644
index 0000000..ce68508
--- /dev/null
+++ b/frontend/src/app/page/register-root/register-root.component.html
@@ -0,0 +1 @@
+<p>register-root works!</p>,
diff --git a/frontend/src/app/page/register-root/register-root.component.scss b/frontend/src/app/page/register-root/register-root.component.scss
new file mode 100644
index 0000000..5d4e87f
--- /dev/null
+++ b/frontend/src/app/page/register-root/register-root.component.scss
@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}
diff --git a/frontend/src/app/page/register-root/register-root.component.ts b/frontend/src/app/page/register-root/register-root.component.ts
new file mode 100644
index 0000000..695e902
--- /dev/null
+++ b/frontend/src/app/page/register-root/register-root.component.ts
@@ -0,0 +1,20 @@
+import { CommonModule } from "@angular/common";
+import { ChangeDetectionStrategy, Component, type OnInit } from '@angular/core';
+
+@Component({
+    selector: 'app-register-root',
+    standalone: true,
+    imports: [
+        CommonModule,
+    ],
+    templateUrl: './register-root.component.html',
+    styleUrl: './register-root.component.scss',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class RegisterRootComponent implements OnInit {
+
+    ngOnInit(): void { 
+      console.log('RegisterRootComponent initialized.')
+    }
+
+}