MagnusSletten
diff --git a/‎src/frontend/my-app/index.html‎
Lines changed: 1 addition & 1 deletion b/‎src/frontend/my-app/index.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/frontend/my-app/src/App.tsx‎
Lines changed: 12 additions & 1 deletion b/‎src/frontend/my-app/src/App.tsx‎
Lines changed: 12 additions & 1 deletion
diff --git a/‎src/frontend/my-app/src/Components/CreateUserComponent.tsx‎
Lines changed: 4 additions & 0 deletions b/‎src/frontend/my-app/src/Components/CreateUserComponent.tsx‎
Lines changed: 4 additions & 0 deletions
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="" href="" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React</title>
   </head>
 
@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import CreatePollComponent from './Components/CreatePollComponent'
 import VotePollComponent from "./Components/VoteComponent";
 import LogInComponent from "./Components/LogInComponent";
@@ -10,6 +10,17 @@ export default function App() {
     const [pageState, setPageState] = useState(0);
     const [loginStatus, setLoginStatus] = useState(false);
     const [userName, setUsername] = useState("");
+    useEffect(() => {
+        if (pageState === 0) {
+            document.title = "Log In - Polling App";
+        } else if (pageState === 1) {
+            document.title = "Create Poll - Polling App";
+        } else if (pageState === 2) {
+            document.title = "Vote - Polling App";
+        } else if (pageState === 3) {
+            document.title = "Create User - Polling App";
+        }
+    }, [pageState]);
     const logout = async () =>{
      if (loginStatus) {
       await fetch(`${BACKEND_URL}/users/auth/logout`, {
 
@@ -31,15 +31,19 @@ export default function CreateUserComponent (){
         <input
         onChange={(e) => setUsername(e.target.value)}
         placeholder="Set username"
+        required
+
         ></input>
         <input
         onChange={(e) => setEmail(e.target.value)}
         placeholder="Set email"
+        required
 
         ></input>
         <input
         onChange={(e) => setPassword(e.target.value)}
         placeholder="Set password"
+        required
 
         ></input>
         <button