diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index ebcbc54..54ccf57 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -9,12 +9,14 @@ import { ContactsComponent } from './components/contacts/contacts.component';
 import { TaskOverlayComponent } from './shared/components/overlay/task-overlay/task-overlay.component';
 import { TaskEditOverlayComponent } from './shared/components/overlay/task-edit-overlay/task-edit-overlay.component';
 import { LoginComponent } from './components/login/login.component';
+import { RegisterComponent } from './components/login/register/register.component';
 
 export const routes: Routes = [
   { path: '', component: SummaryComponent },
   { path: 'login', component: LoginComponent },
   { path: 'login/imprint', component: ImprintComponent },
   { path: 'login/privacy-policy', component: PrivacyPolicyComponent },
+  { path: 'register', component: RegisterComponent },
   { path: 'summary', component: SummaryComponent },
   { path: 'add-task', component: AddTaskComponent },
   { path: 'add-task/:id', component: AddTaskComponent },
diff --git a/src/app/components/login/login.component.html b/src/app/components/login/login.component.html
index d1b1293..3e3eb7b 100644
--- a/src/app/components/login/login.component.html
+++ b/src/app/components/login/login.component.html
@@ -2,7 +2,7 @@
   <img class="logo" src="./../../../assets/img/login/logo.svg" alt="" />
   <div class="register">
     <p>Not a Join user?</p>
-    <button onclick="loadSignupPage()">Sign up</button>
+    <button routerLink="register">Sign up</button>
   </div>
   <form
     id="form"
diff --git a/src/app/components/login/register/register.component.html b/src/app/components/login/register/register.component.html
new file mode 100644
index 0000000..6b0ba2e
--- /dev/null
+++ b/src/app/components/login/register/register.component.html
@@ -0,0 +1 @@
+<p>register works!</p>
diff --git a/src/app/components/login/register/register.component.scss b/src/app/components/login/register/register.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/login/register/register.component.spec.ts b/src/app/components/login/register/register.component.spec.ts
new file mode 100644
index 0000000..3a5dfc8
--- /dev/null
+++ b/src/app/components/login/register/register.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RegisterComponent } from './register.component';
+
+describe('RegisterComponent', () => {
+  let component: RegisterComponent;
+  let fixture: ComponentFixture<RegisterComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RegisterComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(RegisterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/login/register/register.component.ts b/src/app/components/login/register/register.component.ts
new file mode 100644
index 0000000..141d7e8
--- /dev/null
+++ b/src/app/components/login/register/register.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-register',
+  standalone: true,
+  imports: [],
+  templateUrl: './register.component.html',
+  styleUrl: './register.component.scss'
+})
+export class RegisterComponent {
+
+}