diff --git a/web/src/app/admin/user/UserManagement/page.js b/web/src/app/admin/user/UserManagement/page.js
new file mode 100644
index 0000000..91007b5
--- /dev/null
+++ b/web/src/app/admin/user/UserManagement/page.js
@@ -0,0 +1,78 @@
+"use client";
+import { LayoutSider } from "@/components/dashBoard/LayoutSider";
+import { Table, Layout, Button } from "antd";
+
+const { Content } = Layout;
+
+const columns = [
+ {
+ title: "Name",
+ dataIndex: "Name",
+ key: "Name",
+ align: "center",
+ },
+ {
+ title: "Email",
+ dataIndex: "Email",
+ key: "Email",
+ align: "center",
+ },
+ {
+ title: "Role",
+ dataIndex: "Role",
+ key: "Role",
+ align: "center",
+ },
+ {
+ title: "Action",
+ dataIndex: "Action",
+ key: "Action",
+ align: "center",
+ },
+];
+
+const change = [
+
+ |
+
,
+];
+
+const data = [
+ {
+ Name: "John Doe",
+ Email: "...@vanderbilt.edu",
+ Role: "Admin",
+ Action: change,
+ },
+ {
+ Name: "Billy bob joe",
+ Email: "...@vanderbilt.edu",
+ Role: "non-admin",
+ Action: change,
+ },
+ {
+ Name: "Millie Joe",
+ Email: "...@vanderbilt.edu",
+ Role: "User Admin",
+ Action: change,
+ },
+ {
+ Name: "Alex Shane",
+ Email: "...@vanderbilt.edu",
+ Role: "Admin",
+ Action: change,
+ },
+];
+
+export default function UserManagement() {
+ return (
+
+
+ User Management
+
+
+
+ );
+}
diff --git a/web/src/components/dashBoard/SideBar.js b/web/src/components/dashBoard/SideBar.js
index dc24ffe..0427824 100644
--- a/web/src/components/dashBoard/SideBar.js
+++ b/web/src/components/dashBoard/SideBar.js
@@ -57,6 +57,10 @@ export function SideBar() {
key: "6",
label: Users,
},
+ {
+ key: "8",
+ label: User Management,
+ },
];
return (