diff --git a/Frontend/src/app/components/profile/profile.component.css b/Frontend/src/app/components/profile/profile.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/Frontend/src/app/components/profile/profile.component.html b/Frontend/src/app/components/profile/profile.component.html
new file mode 100644
index 0000000..d44b8bf
--- /dev/null
+++ b/Frontend/src/app/components/profile/profile.component.html
@@ -0,0 +1,15 @@
+<div class="container" *ngIf="currentUser; else loggedOut">
+    <p>
+        <strong>e-mail</strong>
+        {{ currentUser.email}}
+    </p>
+    <p>
+        <strong>username:</strong>
+        {{ currentUser.username}}
+    </p>
+</div>
+
+<ng-template #loggedOut>
+    Please login.
+</ng-template>
+
diff --git a/Frontend/src/app/components/profile/profile.component.spec.ts b/Frontend/src/app/components/profile/profile.component.spec.ts
new file mode 100644
index 0000000..e88012e
--- /dev/null
+++ b/Frontend/src/app/components/profile/profile.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProfileComponent } from './profile.component';
+
+describe('ProfileComponent', () => {
+  let component: ProfileComponent;
+  let fixture: ComponentFixture<ProfileComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ProfileComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ProfileComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/Frontend/src/app/components/profile/profile.component.ts b/Frontend/src/app/components/profile/profile.component.ts
new file mode 100644
index 0000000..dc8fe69
--- /dev/null
+++ b/Frontend/src/app/components/profile/profile.component.ts
@@ -0,0 +1,25 @@
+import { Component, OnInit } from '@angular/core';
+import {ApiService} from "../../services/api.service";
+
+@Component({
+  selector: 'app-profile',
+  templateUrl: './profile.component.html',
+  styleUrls: ['./profile.component.css']
+})
+export class ProfileComponent implements OnInit {
+
+    currentUser: any;
+    obj:any
+
+    constructor(private api: ApiService ) { }
+
+    ngOnInit(): void {
+
+        this.api.getUserInfo().subscribe(
+            user=> {
+                this.currentUser = user
+                console.log(this.currentUser);
+            },
+        );
+    }
+}