diff --git a/src/api/users.ts b/src/api/users.ts
new file mode 100644
index 0000000..33adcc3
--- /dev/null
+++ b/src/api/users.ts
@@ -0,0 +1,13 @@
+import axiosInstance from "./axiosInstance";
+
+export const getAllUsers = async (page: number) => {
+  const res = await axiosInstance.get("/api/users", {
+    params: { page },
+  });
+  return res.data;
+};
+
+export const getUserById = async (id: number) => {
+  const res = await axiosInstance.get(`api/users/${id}`);
+  return res.data;
+};
diff --git a/src/hooks/auth/useLogin.ts b/src/hooks/auth/useLogin.ts
index 7fbce63..4fdf316 100644
--- a/src/hooks/auth/useLogin.ts
+++ b/src/hooks/auth/useLogin.ts
@@ -9,6 +9,7 @@ export const useLogin = () => {
 
     onSuccess: (data) => {
       localStorage.setItem("access_token", data.token);
+      toast.success("Logged In!");
     },
 
     onError: (err: any) => {
diff --git a/src/hooks/users/useUserById.ts b/src/hooks/users/useUserById.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/hooks/users/useUsers.ts b/src/hooks/users/useUsers.ts
new file mode 100644
index 0000000..5f4cf75
--- /dev/null
+++ b/src/hooks/users/useUsers.ts
@@ -0,0 +1,8 @@
+import { useQuery } from "@tanstack/react-query";
+import { getAllUsers } from "../../api/users";
+
+export const useUsers = (page: number) =>
+  useQuery({
+    queryKey: ["users"],
+    queryFn: () => getAllUsers(page),
+  });
diff --git a/src/pages/ProfilePage/ProfilePage.tsx b/src/pages/ProfilePage/ProfilePage.tsx
index 8c47aa0..8b04df6 100644
--- a/src/pages/ProfilePage/ProfilePage.tsx
+++ b/src/pages/ProfilePage/ProfilePage.tsx
@@ -16,6 +16,7 @@ const ProfilePage = () => {
     }
   }, []);
 
+
   return (
     <Container>
       <Box sx={{ padding: 4, maxWidth: 360 }}>