Cria uma interface HTML simples para testar o endpoint de criação de usuário

sara · sara · commit 39ed092a459d · 2025-06-05T00:25:38.000-03:00
diff --git a/index.html b/index.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Create User</title>
+  </head>
+  <body>
+    <h1>Create New User</h1>
+
+    <form id="userForm">
+      <label for="name">Name:</label><br />
+      <input type="text" id="name" required /><br /><br />
+
+      <label for="email">Email:</label><br />
+      <input type="email" id="email" required /><br /><br />
+
+      <button type="submit">Create User</button>
+    </form>
+
+    <p id="responseMessage"></p>
+
+    <script>
+      const form = document.getElementById("userForm");
+      const responseMessage = document.getElementById("responseMessage");
+
+      form.addEventListener("submit", async (e) => {
+        e.preventDefault();
+
+        const name = document.getElementById("name").value;
+        const email = document.getElementById("email").value;
+
+        try {
+          const response = await fetch("http://localhost:3000/users", {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({ name, email }),
+          });
+
+          const data = await response.json();
+
+          if (response.ok) {
+            responseMessage.textContent = "✅ User created: " + data.name;
+            form.reset();
+          } else {
+            responseMessage.textContent = "❌ Error: " + data.error;
+          }
+        } catch (err) {
+          responseMessage.textContent = "❌ Network error.";
+        }
+      });
+    </script>
+  </body>
+</html>
