diff --git a/src/index.js b/src/index.js
index 90c6761..32904fd 100644
--- a/src/index.js
+++ b/src/index.js
@@ -17,6 +17,10 @@ async function startApp() {
       root: path.join(__dirname, "public"),
     })
 
+    app.post('/api/register', {}, (request, reply) => {
+      console.log('request', request.body.email, request.body.password);
+    })
+
     // app.get("/", {}, (request, reply) => {
     //   reply.send({
     //     data: "hello world",
diff --git a/src/public/index.html b/src/public/index.html
index 74e4c62..cb28d32 100644
--- a/src/public/index.html
+++ b/src/public/index.html
@@ -8,5 +8,37 @@
 </head>
 <body>
   <h1>Hello</h1>
+  <h3>Register Form</h3>
+  <form id="register-form">
+    <input type="email" name="email">
+    <input type="password" name="password">
+    <button type="submit">Register</button>
+  </form>
+
+  <script>
+    ;(() => {
+      const form = document.getElementById("register-form")
+
+      form.addEventListener("submit", async (e) => {
+        e.preventDefault();
+        try {
+          const values = Object.values(form).reduce((obj, field) => {
+            if (field.name) {
+              obj[field.name] = field.value
+            }
+            return obj
+          }, {})
+          const res = await fetch('/api/register', {
+            method: "POST",
+            body: JSON.stringify(values),
+            headers: { "Content-type": "application/json; charset=UTF-8"},
+          })
+          console.log("values", values)
+        } catch (e) {
+          console.error(e)
+        }
+      })
+    })()
+  </script>
 </body>
 </html>
\ No newline at end of file
