Index: trip-planner-front/src/app/homepage/register/register.component.html
===================================================================
--- trip-planner-front/src/app/homepage/register/register.component.html	(revision 1ad8e64a349fcc7c996155279b16efc2cfe001dd)
+++ trip-planner-front/src/app/homepage/register/register.component.html	(revision 84d0fbb56bfbe319ba63e3327f1777ac5d841f83)
@@ -1,31 +1,36 @@
-<div class="p-grid p-fluid">
-    <div class="p-col-12 p-md-4">
-        <div class="p-inputgroup">
-            <span class="p-inputgroup-addon"><i class="pi pi-user"></i></span>
-            <input type="text" pInputText placeholder="Full name">         
+
+    <div class="p-grid p-fluid">
+        <div class="p-col-12 p-md-4">
+            <div class="p-inputgroup">
+                <span class="p-inputgroup-addon"><i class="pi pi-user"></i></span>
+                <input type="text" pInputText placeholder="Full name" [(ngModel)]="user.fullName" name="fullName"
+            >         
+            </div>
         </div>
-    </div>
-
-    <div class="p-col-12 p-md-4">
-        <div class="p-inputgroup">
-            <span class="p-inputgroup-addon"><i class="pi pi-user"></i></span>
-            <input type="text" pInputText placeholder="Ema address (Username)">         
+    
+        <div class="p-col-12 p-md-4">
+            <div class="p-inputgroup">
+                <span class="p-inputgroup-addon"><i class="pi pi-user"></i></span>
+                <input type="text" pInputText placeholder="Email address (Username)" [(ngModel)]="user.username" name="username"
+              >         
+            </div>
         </div>
-    </div>
-    <div class="p-col-12 p-md-4">
-        <div class="p-inputgroup">
-            <span class="p-inputgroup-addon"><i class="pi pi-password"></i></span>
-            <input type="text" pInputText placeholder="Password">         
+        <div class="p-col-12 p-md-4">
+            <div class="p-inputgroup">
+                <span class="p-inputgroup-addon"><i class="pi pi-password"></i></span>
+                <input type="password" pInputText placeholder="Password" [(ngModel)]="user.password" name="password"
+                >         
+            </div>
         </div>
-    </div>
-    <div class="p-col-12 p-md-4">
-        <div class="p-inputgroup">
-            <span class="p-inputgroup-addon"><i class="pi pi-password"></i></span>
-            <input type="text" pInputText placeholder="Repeat password">         
+        <div class="p-col-12 p-md-4">
+            <div class="p-inputgroup">
+                <span class="p-inputgroup-addon"><i class="pi pi-password"></i></span>
+                <input type="password" pInputText placeholder="Repeat password" [(ngModel)]="user.confirmPassword" name="confirmPassword"
+                >         
+            </div>
         </div>
-    </div>
-
-    <div class="p-col-12 p-md-4">
-        <button pButton pRipple type="button" label="Submit" class="p-button-secondary"></button>
-    </div>
-</div>
+    
+        <div class="p-col-12 p-md-4">
+            <button pButton pRipple label="Submit" class="p-button-secondary" type="submit" (click)="onFormSubmitSignUp(user)"></button>
+        </div>
+    </div>  
Index: trip-planner-front/src/app/homepage/register/register.component.ts
===================================================================
--- trip-planner-front/src/app/homepage/register/register.component.ts	(revision 1ad8e64a349fcc7c996155279b16efc2cfe001dd)
+++ trip-planner-front/src/app/homepage/register/register.component.ts	(revision 84d0fbb56bfbe319ba63e3327f1777ac5d841f83)
@@ -1,3 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import { UserDto } from 'src/app/_models/dto/userDto';
 
 @Component({
@@ -8,8 +10,16 @@
 export class RegisterComponent implements OnInit {
 
-  constructor() { }
+  user : UserDto;
+
+  constructor(private ref: DynamicDialogRef) {
+    this.user = new UserDto();
+   }
 
   ngOnInit(): void {
   }
-
+  
+  onFormSubmitSignUp(user){
+    this.ref.close(user);
+    //window.location.reload();
+  }
 }
