Index: frontend/src/Components/Hooks/User/useCreateUser.js
===================================================================
--- frontend/src/Components/Hooks/User/useCreateUser.js	(revision e6c2521bc7455763be50cf2e37427887b6efb4b9)
+++ frontend/src/Components/Hooks/User/useCreateUser.js	(revision e6c2521bc7455763be50cf2e37427887b6efb4b9)
@@ -0,0 +1,26 @@
+import React from "react";
+import axios from "../../../axios.js";
+import { useHistory, useNavigate } from 'react-router-dom';
+
+const useCreateUser = () => {
+
+    const navigator = useNavigate()
+    const createUser = async (user) => {
+        await axios
+	            .post(`/register`, user) 
+	            .then((res) => {
+	                navigator("/login")
+	            })
+	            .catch((err) => {
+	                console.log(err);
+	            })
+	            .finally(() => {
+	            });
+    } 
+    return {
+            createUser
+	}
+
+}
+
+export default useCreateUser;
Index: frontend/src/Components/Hooks/User/useEditUser.js
===================================================================
--- frontend/src/Components/Hooks/User/useEditUser.js	(revision e6c2521bc7455763be50cf2e37427887b6efb4b9)
+++ frontend/src/Components/Hooks/User/useEditUser.js	(revision e6c2521bc7455763be50cf2e37427887b6efb4b9)
@@ -0,0 +1,26 @@
+import React from "react";
+import axios from "axios";
+import { useHistory } from 'react-router-dom';
+
+const useEditUser = () => {
+
+    const history = useHistory();
+    const editUser = async ({user}) => {
+        await axios
+	            .post(`/user/edit`, user) 
+	            .then((res) => {
+	                history.push('/user');
+	            })
+	            .catch((err) => {
+	                console.log(err);
+	            })
+	            .finally(() => {
+	            });
+    } 
+    return (
+        editUser
+    )
+
+}
+
+export default useEditUser;
Index: frontend/src/Components/Hooks/User/useLogin.js
===================================================================
--- frontend/src/Components/Hooks/User/useLogin.js	(revision e6c2521bc7455763be50cf2e37427887b6efb4b9)
+++ frontend/src/Components/Hooks/User/useLogin.js	(revision e6c2521bc7455763be50cf2e37427887b6efb4b9)
@@ -0,0 +1,64 @@
+import React from "react";
+
+import axios from "../../../axios.js";
+import { Navigate, useAsyncValue, useNavigate } from "react-router-dom";
+import LoginForm from "../../Login/LoginForm.js";
+import {useAuth} from "../../Context/AuthContext";
+
+const useLogin = () => {
+
+    const navigator = useNavigate()
+	const Auth = useAuth();
+    //const history = useNavigate();
+    const login = async (loginData) => {
+		console.log({loginData})
+		console.log(loginData)
+        await axios
+	            .post(`/api/login`, {
+                    username: loginData.email,
+                    password: loginData.password
+                }, {
+                    headers: { 
+                        "Content-Type": "application/x-www-form-urlencoded"
+                    }
+                }) 
+	            .then((res) => {
+					console.log("RES LOGIN")
+					console.log(res)
+					if(res.status === 200)
+					{
+						const user = {
+							sessionId: res.data.auth.details.sessionId,
+							userId: res.data.auth.principal.userID,
+							username: res.data.auth.principal.username,
+							role: res.data.auth.principal.role,
+							name: res.data.auth.principal.name,
+							surname: res.data.auth.principal.surname,
+						}
+						Auth.userLogin(user);
+						console.log(user)
+					}
+					const sessionId = res.data.auth.details.sessionId;
+					const userId = res.data.auth.principal.userID;
+
+					localStorage.setItem("sessionId", sessionId);
+					localStorage.setItem("userId", userId);
+					if(sessionId === null)
+					{
+					}
+                    navigator("/home")
+	            })
+	            .catch((err) => {
+	                console.log(err);
+	            })
+	            .finally(() => {
+	            });
+    }
+
+	return {
+		login
+	};
+
+}
+
+export default useLogin;
Index: frontend/src/Components/Hooks/User/useRemoveUser.js
===================================================================
--- frontend/src/Components/Hooks/User/useRemoveUser.js	(revision e6c2521bc7455763be50cf2e37427887b6efb4b9)
+++ frontend/src/Components/Hooks/User/useRemoveUser.js	(revision e6c2521bc7455763be50cf2e37427887b6efb4b9)
@@ -0,0 +1,26 @@
+import React from "react";
+import axios from "axios";
+import { useHistory } from 'react-router-dom';
+
+const useRemoveUser = () => {
+
+    const history = useHistory();
+    const removeUser = async ({id}) => {
+        await axios
+	            .get(`/user/delete?userId=` + id) 
+	            .then((res) => {
+	                history.push('/user');
+	            })
+	            .catch((err) => {
+	                console.log(err);
+	            })
+	            .finally(() => {
+	            });
+    } 
+    return (
+        removeUser
+    )
+
+}
+
+export default useRemoveUser;
