diff --git a/support-portal-frontend/src/app/app.module.ts b/support-portal-frontend/src/app/app.module.ts
index c64038a..354715a 100644
--- a/support-portal-frontend/src/app/app.module.ts
+++ b/support-portal-frontend/src/app/app.module.ts
@@ -8,10 +8,16 @@ import {UserService} from "./service/user.service";
 import {AuthInterceptor} from "./interceptor/auth.interceptor";
 import {AuthenticationGuard} from "./guard/authentication.guard";
 import {NotificationModule} from "./notification/notification.module";
+import {LoginComponent} from './component/login/login.component';
+import {RegisterComponent} from './component/register/register.component';
+import {UserComponent} from './component/user/user.component';
 
 @NgModule({
   declarations: [
-    AppComponent
+    AppComponent,
+    LoginComponent,
+    RegisterComponent,
+    UserComponent
   ],
   imports: [
     BrowserModule,
diff --git a/support-portal-frontend/src/app/component/login/login.component.css b/support-portal-frontend/src/app/component/login/login.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/support-portal-frontend/src/app/component/login/login.component.html b/support-portal-frontend/src/app/component/login/login.component.html
new file mode 100644
index 0000000..147cfc4
--- /dev/null
+++ b/support-portal-frontend/src/app/component/login/login.component.html
@@ -0,0 +1 @@
+<p>login works!</p>
diff --git a/support-portal-frontend/src/app/component/login/login.component.spec.ts b/support-portal-frontend/src/app/component/login/login.component.spec.ts
new file mode 100644
index 0000000..bb3a0f3
--- /dev/null
+++ b/support-portal-frontend/src/app/component/login/login.component.spec.ts
@@ -0,0 +1,25 @@
+import {ComponentFixture, TestBed} from '@angular/core/testing';
+
+import {LoginComponent} from './login.component';
+
+describe('LoginComponent', () => {
+  let component: LoginComponent;
+  let fixture: ComponentFixture<LoginComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ LoginComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LoginComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/support-portal-frontend/src/app/component/login/login.component.ts b/support-portal-frontend/src/app/component/login/login.component.ts
new file mode 100644
index 0000000..643e87d
--- /dev/null
+++ b/support-portal-frontend/src/app/component/login/login.component.ts
@@ -0,0 +1,15 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-login',
+  templateUrl: './login.component.html',
+  styleUrls: ['./login.component.css']
+})
+export class LoginComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/support-portal-frontend/src/app/component/register/register.component.css b/support-portal-frontend/src/app/component/register/register.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/support-portal-frontend/src/app/component/register/register.component.html b/support-portal-frontend/src/app/component/register/register.component.html
new file mode 100644
index 0000000..6b0ba2e
--- /dev/null
+++ b/support-portal-frontend/src/app/component/register/register.component.html
@@ -0,0 +1 @@
+<p>register works!</p>
diff --git a/support-portal-frontend/src/app/component/register/register.component.spec.ts b/support-portal-frontend/src/app/component/register/register.component.spec.ts
new file mode 100644
index 0000000..3f2239f
--- /dev/null
+++ b/support-portal-frontend/src/app/component/register/register.component.spec.ts
@@ -0,0 +1,25 @@
+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({
+      declarations: [ RegisterComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(RegisterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/support-portal-frontend/src/app/component/register/register.component.ts b/support-portal-frontend/src/app/component/register/register.component.ts
new file mode 100644
index 0000000..d1f5484
--- /dev/null
+++ b/support-portal-frontend/src/app/component/register/register.component.ts
@@ -0,0 +1,15 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-register',
+  templateUrl: './register.component.html',
+  styleUrls: ['./register.component.css']
+})
+export class RegisterComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/support-portal-frontend/src/app/component/user/user.component.css b/support-portal-frontend/src/app/component/user/user.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/support-portal-frontend/src/app/component/user/user.component.html b/support-portal-frontend/src/app/component/user/user.component.html
new file mode 100644
index 0000000..d039bb7
--- /dev/null
+++ b/support-portal-frontend/src/app/component/user/user.component.html
@@ -0,0 +1 @@
+<p>user works!</p>
diff --git a/support-portal-frontend/src/app/component/user/user.component.spec.ts b/support-portal-frontend/src/app/component/user/user.component.spec.ts
new file mode 100644
index 0000000..2205b26
--- /dev/null
+++ b/support-portal-frontend/src/app/component/user/user.component.spec.ts
@@ -0,0 +1,25 @@
+import {ComponentFixture, TestBed} from '@angular/core/testing';
+
+import {UserComponent} from './user.component';
+
+describe('UserComponent', () => {
+  let component: UserComponent;
+  let fixture: ComponentFixture<UserComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ UserComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UserComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/support-portal-frontend/src/app/component/user/user.component.ts b/support-portal-frontend/src/app/component/user/user.component.ts
new file mode 100644
index 0000000..bbddb72
--- /dev/null
+++ b/support-portal-frontend/src/app/component/user/user.component.ts
@@ -0,0 +1,15 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-user',
+  templateUrl: './user.component.html',
+  styleUrls: ['./user.component.css']
+})
+export class UserComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}