first commit

2026-04-05 15:53:20 +03:30
commit aa9ed69dd2
96 changed files with 7721 additions and 0 deletions
--- a/app/register/page.tsx
+++ b/app/register/page.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import Link from "next/link";
+
+export default function RegisterPage() {
+  const router = useRouter();
+  const [form, setForm] = useState({ name: "", email: "", password: "" });
+  const [error, setError] = useState("");
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    const res = await fetch("/api/auth/register", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(form),
+    });
+    const data = await res.json();
+    if (!res.ok) {
+      setError(data.error || "خطا در ثبت‌نام");
+    } else {
+      router.push("/login");
+    }
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-50">
+      <form onSubmit={handleSubmit} className="bg-white p-8 rounded-2xl shadow-lg w-full max-w-sm">
+        <h1 className="text-2xl font-bold mb-6 text-center">ثبت‌نام</h1>
+        {error && <p className="text-red-500 text-sm mb-4 text-center">{error}</p>}
+        <div className="mb-4">
+          <label className="block text-sm mb-1">نام</label>
+          <input
+            type="text"
+            value={form.name}
+            onChange={(e) => setForm({ ...form, name: e.target.value })}
+            className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-green-500"
+            required
+          />
+        </div>
+        <div className="mb-4">
+          <label className="block text-sm mb-1">ایمیل</label>
+          <input
+            type="email"
+            value={form.email}
+            onChange={(e) => setForm({ ...form, email: e.target.value })}
+            className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-green-500"
+            required
+          />
+        </div>
+        <div className="mb-6">
+          <label className="block text-sm mb-1">رمز عبور</label>
+          <input
+            type="password"
+            value={form.password}
+            onChange={(e) => setForm({ ...form, password: e.target.value })}
+            className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-green-500"
+            required
+          />
+        </div>
+        <button type="submit" className="w-full bg-green-600 text-white py-2 rounded-lg hover:bg-green-700 font-bold">
+          ثبت‌نام
+        </button>
+        <p className="text-center text-sm mt-4 text-gray-500">
+          حساب داری؟ <Link href="/login" className="text-green-600 hover:underline">ورود</Link>
+        </p>
+      </form>
+    </div>
+  );
+}