Initial commit

Next.js + Express event management app for Hope Family Church.
2026-07-23 15:26:47 +02:00
commit 3d381944d2
246 changed files with 57565 additions and 0 deletions
@@ -0,0 +1,54 @@
+"use client";
+import { useState } from "react";
+import { Navbar } from "@/components/layout/Navbar";
+import { Footer } from "@/components/layout/Footer";
+import { apiFetch } from "@/lib/api";
+
+export default function ForgotPasswordPage() {
+    const [email, setEmail] = useState("");
+    const [status, setStatus] = useState<string | null>(null);
+    const [loading, setLoading] = useState(false);
+
+    const submit = async (e: React.FormEvent) => {
+        e.preventDefault();
+        if (!email) return;
+        try {
+            setLoading(true);
+            setStatus(null);
+            const res: any = await apiFetch("/api/users/forgot", { method: "POST", body: { email } });
+            setStatus(res?.message || "If that email exists, a password reset link has been sent.");
+        } catch (err: any) {
+            try {
+                const parsed = JSON.parse(err?.message || "");
+                setStatus(parsed?.message || "Something went wrong");
+            } catch {
+                setStatus(err?.message || "Something went wrong");
+            }
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    return (
+        <div className="min-h-screen flex flex-col">
+            <Navbar />
+            <main className="flex-1 px-4 py-10 max-w-md mx-auto w-full">
+                <div className="border rounded-xl p-6 bg-white shadow-sm">
+                    <h1 className="text-2xl font-semibold mb-4">Forgot your password?</h1>
+                    <p className="text-gray-700 mb-6">Enter your account email and we'll send you a link to reset your password.</p>
+                    <form onSubmit={submit} className="space-y-4">
+                        <div>
+                            <label className="block text-sm font-medium mb-1">Email</label>
+                            <input type="email" value={email} onChange={e => setEmail(e.target.value)} required className="w-full border rounded px-3 py-2" />
+                        </div>
+                        <button disabled={loading || !email} className="px-4 py-2 rounded bg-blue-600 text-white disabled:opacity-60">
+                            {loading ? "Sending..." : "Send reset link"}
+                        </button>
+                    </form>
+                    {status && <p className="text-sm text-gray-700 mt-4">{status}</p>}
+                </div>
+            </main>
+            <Footer />
+        </div>
+    );
+}
@@ -0,0 +1,22 @@
+"use client";
+import React, { Suspense } from "react";
+import { Navbar } from "@/components/layout/Navbar";
+import { Footer } from "@/components/layout/Footer";
+import { LoginForm } from "@/components/auth/LoginForm";
+
+export default function LoginPage() {
+  return (
+    <div className="min-h-screen flex flex-col">
+      <Navbar />
+      <main className="flex-1 flex items-center justify-center p-6">
+        <div className="w-full max-w-md">
+          <h1 className="text-2xl font-semibold mb-4">Login</h1>
+          <Suspense fallback={<div />}>
+            <LoginForm />
+          </Suspense>
+        </div>
+      </main>
+      <Footer />
+    </div>
+  );
+}
@@ -0,0 +1,22 @@
+"use client";
+import React, { Suspense } from "react";
+import { Navbar } from "@/components/layout/Navbar";
+import { Footer } from "@/components/layout/Footer";
+import { RegisterForm } from "@/components/auth/RegisterForm";
+
+export default function RegisterPage() {
+  return (
+    <div className="min-h-screen flex flex-col">
+      <Navbar />
+      <main className="flex-1 flex items-center justify-center p-6">
+        <div className="w-full max-w-md">
+          <h1 className="text-2xl font-semibold mb-4">Create Account</h1>
+          <Suspense fallback={<div />}>
+            <RegisterForm />
+          </Suspense>
+        </div>
+      </main>
+      <Footer />
+    </div>
+  );
+}