diff --git a/src/routes/signUp.tsx b/src/routes/signUp.tsx
index e69de29..95f4388 100644
--- a/src/routes/signUp.tsx
+++ b/src/routes/signUp.tsx
@@ -0,0 +1,31 @@
+import { Form } from "react-router-dom";
+
+export default function SignUp() {
+
+  return <>
+    <Form
+      method="post"
+      id="login-form"
+    >
+      <label>
+        <input
+          placeholder="Username goes here..."
+          aria-label="Username"
+          type="text"
+          name="username"
+          defaultValue=""
+        />
+      </label>
+      <label>
+        <input
+          placeholder="Password goes here..."
+          aria-label="Password"
+          type="text"
+          name="password"
+          defaultValue=""
+        />
+      </label>
+
+    </Form >
+  </>
+}