diff --git a/client/src/components/Create.jsx b/client/src/components/Create.jsx
new file mode 100644
index 00000000..a4c51f58
--- /dev/null
+++ b/client/src/components/Create.jsx
@@ -0,0 +1,71 @@
+import { Box, TextField, Stack, Button, Card, CardHeader, CardContent, Typography } from "@mui/material";
+
+const styles = {
+ body: {
+ height: "100vh",
+ display: "flex",
+ flexDirection: "column",
+ alignItems: "center",
+ justifyContent: "center",
+ fontFamily: "Helvetica",
+ backgroundColor: "#f0f3f8",
+ },
+ heading: {
+ display: "flex",
+ width: "47.5rem",
+ paddingRight: "0px",
+ flexDirection: "column",
+ alignItems: "flex-start",
+ gap: "0.625rem",
+ },
+ cancel: {
+ marginRight: "auto",
+ },
+};
+
+function Create() {
+ return (
+
+
+
+ Create New User
+ Manually create a new user
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Create;
diff --git a/client/src/components/Edit.jsx b/client/src/components/Edit.jsx
new file mode 100644
index 00000000..db8f0390
--- /dev/null
+++ b/client/src/components/Edit.jsx
@@ -0,0 +1,71 @@
+import { Box, TextField, Stack, Button, Card, CardHeader, CardContent, Typography } from "@mui/material";
+
+const styles = {
+ body: {
+ height: "100vh",
+ display: "flex",
+ flexDirection: "column",
+ alignItems: "center",
+ justifyContent: "center",
+ fontFamily: "Helvetica",
+ backgroundColor: "#f0f3f8",
+ },
+ heading: {
+ display: "flex",
+ width: "47.5rem",
+ paddingRight: "0px",
+ flexDirection: "column",
+ alignItems: "flex-start",
+ gap: "0.625rem",
+ },
+ cancel: {
+ marginRight: "auto",
+ },
+};
+
+function Edit() {
+ return (
+
+
+
+ Edit User
+ Edit existing user information
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Edit;