diff --git a/src/components/notifications/errors.tsx b/src/components/notifications/errors.tsx
index 0a7a598..46eb60c 100644
--- a/src/components/notifications/errors.tsx
+++ b/src/components/notifications/errors.tsx
@@ -128,4 +128,13 @@ export const rejectErrorNotification = () => {
         color: "red",
         icon: <AiOutlineExclamation size={24} />,
     });
+};
+
+export const editProfileErrorNotification = (message: string) => {
+    showNotification({
+        title: "Unhautorized",
+        message: message,
+        color: "red",
+        icon: <AiOutlineExclamation size={24} />,
+    });
 };
\ No newline at end of file
diff --git a/src/components/notifications/success.tsx b/src/components/notifications/success.tsx
index 9a6f4c0..fe1799c 100644
--- a/src/components/notifications/success.tsx
+++ b/src/components/notifications/success.tsx
@@ -101,4 +101,13 @@ export const rejectCardNotification = () => {
         color: "green",
         icon: <BsCheck2 size={18} />,
     });
+};
+
+export const editProfileNotification = () => {
+    showNotification({
+        title: "Success",
+        message: "Profile updated !",
+        color: "green",
+        icon: <BsCheck2 size={18} />,
+    });
 };
\ No newline at end of file
diff --git a/src/features/home/user/userProfile/UserProfile.tsx b/src/features/home/user/userProfile/UserProfile.tsx
new file mode 100644
index 0000000..74ef0c3
--- /dev/null
+++ b/src/features/home/user/userProfile/UserProfile.tsx
@@ -0,0 +1,56 @@
+import { useEffect, useState } from "react";
+import { Button, Container, Group, Loader, PasswordInput, Select, Switch, TextInput } from "@mantine/core";
+import { IoSaveOutline } from "react-icons/io5";
+
+import { UserInfos } from "store/api/types/fetchedData";
+import { useEditUserMutation } from "store/api/usersAPI";
+
+import { profileForm } from "./utils/profileForm";
+import { useAppSelector } from "store/hooks/hooks";
+import { editProfileErrorNotification } from "components/notifications/errors";
+import { editProfileNotification } from "components/notifications/success";
+
+interface Props {
+    user: UserInfos;
+    refetch: any;
+}
+
+const UserProfile: React.FC<Props> = ({ user, refetch }) => {
+    const [editPassword, setEditPassword] = useState(false);
+    const userId = useAppSelector((state) => state.user.auth.userId);
+    const [editUser, editResult] = useEditUserMutation<any>();
+    const form = profileForm({user, editPassword});
+
+    useEffect(() => {
+        if (editResult.isError) {
+            if (editResult.error.status === 403)
+                editProfileErrorNotification(editResult.data.message);
+        } else if (editResult.isSuccess) {
+            editProfileNotification();
+            form.reset();
+            refetch();
+        }
+    }, [editResult])
+
+    return userId ? (
+        <Container style={{width: "80%"}} miw={350} mt={0} p={20}>
+            <form onSubmit={form.onSubmit((values) => editUser({id: userId, firstname: values.firstname, lastname: values.lastname, email: values.email, password: editPassword ? values.password : null, role: values.role}))}>
+                <Group position="apart" grow>
+                    <TextInput disabled={user.role === "USER" || user.role === "MAINTENER"} label="First name" mt={20} {...form.getInputProps('firstname', { type: 'input' })} />
+                    <TextInput disabled={user.role === "USER" || user.role === "MAINTENER"} label="Last name" mt={20} {...form.getInputProps('lastname', { type: 'input' })} />
+                </Group>
+                <TextInput disabled={user.role === "USER" || user.role === "MAINTENER"} label="Email" mt={20} {...form.getInputProps('email', { type: 'input' })} />
+                <PasswordInput disabled={!editPassword}  label="Password" mt={20} {...form.getInputProps('password', { type: 'input' })} />
+                <Switch mt={10} label="Edit my password" size="sm" color="violet" checked={editPassword} onChange={(event) => {setEditPassword(event.currentTarget.checked)}} />
+                <Select disabled={user.role === "USER" || user.role === "MAINTENER"} label={"Role"} mt={20} data={["USER", "MAINTENER", "EDITOR", "ADMIN"]}  {...form.getInputProps('role', { type: 'input' })}/>
+                <Group position="center" mt={80} grow>
+                    <Button disabled={!form.isDirty()} color={"green"} leftIcon={<IoSaveOutline size={20} />} miw={240} maw={400} variant="outline" type="submit">
+                        Save
+                    </Button>
+                </Group>
+            </form>
+        </Container>
+    ) : <Loader />;
+}
+
+export default UserProfile;
\ No newline at end of file
diff --git a/src/features/home/user/userProfile/index.tsx b/src/features/home/user/userProfile/index.tsx
new file mode 100644
index 0000000..ed92319
--- /dev/null
+++ b/src/features/home/user/userProfile/index.tsx
@@ -0,0 +1 @@
+export { default } from "./UserProfile";
\ No newline at end of file
diff --git a/src/features/home/user/userProfile/utils/profileForm.ts b/src/features/home/user/userProfile/utils/profileForm.ts
new file mode 100644
index 0000000..9063929
--- /dev/null
+++ b/src/features/home/user/userProfile/utils/profileForm.ts
@@ -0,0 +1,26 @@
+import { isEmail, useForm } from "@mantine/form";
+
+import { UserInfos } from "store/api/types/fetchedData";
+
+interface Props {
+    user: UserInfos;
+    editPassword: boolean;
+}
+
+export const profileForm = ({user, editPassword}: Props) => {
+    return useForm({
+        initialValues: {
+            firstname: user.firstname,
+            lastname: user.lastname,
+            email: user.email,
+            password: '',
+            role: user.role,
+        },
+        validate: {
+            firstname: (value) => (value.length < 2 ? 'Part name must have at least 2 letters' : null),
+            lastname: (value) => (value.length < 2 ? 'Part name must have at least 2 letters' : null),
+            email: isEmail(),
+            password: (value) => (value.length < 6 && editPassword === true ? 'Part name must have at least 6 characters' : null),
+        },
+    });
+}
\ No newline at end of file
diff --git a/src/pages/home/profile.tsx b/src/pages/home/profile.tsx
new file mode 100644
index 0000000..350271a
--- /dev/null
+++ b/src/pages/home/profile.tsx
@@ -0,0 +1,23 @@
+import { Button, Container, Group } from "@mantine/core";
+
+import CustomLoader from "components/loader/CustomLoader";
+import UserProfile from "features/home/user/userProfile";
+
+import { useGetUserInfos } from "hooks/api/useGetUserInfos";
+import Head from "next/head";
+
+const Profile = () => {
+    const { data: user, refetch } = useGetUserInfos();
+
+    return user ? (
+        <div>
+            <Head><title>WAP | Profile</title></Head>
+            <Container fluid p={0} m={0}>
+                <h1 style={{textAlign: "center"}}>Profile</h1>
+                <UserProfile user={user} refetch={refetch} />
+            </Container>
+        </div>
+    ) : <CustomLoader />;
+}
+
+export default Profile;
\ No newline at end of file
diff --git a/src/store/api/authAPI.ts b/src/store/api/authAPI.ts
index 630635e..40430cd 100644
--- a/src/store/api/authAPI.ts
+++ b/src/store/api/authAPI.ts
@@ -1,6 +1,6 @@
 import { wapAPI } from "./wapAPI";
 
-import { User } from "./types/fetchedData";
+import { User, UserInfos } from "./types/fetchedData";
 import { Login } from "./types/queryParams";
 
 const authApi = wapAPI.injectEndpoints({
@@ -15,7 +15,7 @@ const authApi = wapAPI.injectEndpoints({
                 }
             }),
         }),
-        userInfos: build.query<any, string>({
+        userInfos: build.query<UserInfos, string>({
             query: (id) => ({
                 url: `users/${id}`,
                 method: 'GET',
diff --git a/src/store/api/types/fetchedData.ts b/src/store/api/types/fetchedData.ts
index 9f455eb..4b75066 100644
--- a/src/store/api/types/fetchedData.ts
+++ b/src/store/api/types/fetchedData.ts
@@ -18,4 +18,12 @@ export interface PartsList {
     id: string;
     name: string;
     cards: Card[];
+}
+
+export interface UserInfos {
+    id: string;
+    firstname: string;
+    lastname: string;
+    email: string;
+    role: string;
 }
\ No newline at end of file
diff --git a/src/store/api/types/queryParams.ts b/src/store/api/types/queryParams.ts
index ec7765f..a402b20 100644
--- a/src/store/api/types/queryParams.ts
+++ b/src/store/api/types/queryParams.ts
@@ -15,7 +15,7 @@ export interface EditUser {
     firstname: string;
     lastname: string;
     email: string;
-    password: string;
+    password: string | null;
     role: string;
 }