feat: Freelancer Match — полная продакшн версия с AI-матчингом и escrow

2026-07-03 12:12:43 +00:00
commit ec2e9bf508
37 changed files with 1564 additions and 0 deletions
@@ -0,0 +1,79 @@
+"use client";
+
+import { useState } from "react";
+import Link from "next/link";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+
+const registerSchema = z.object({
+  email: z.string().email(),
+  password: z.string().min(12),
+  fullName: z.string().optional(),
+});
+
+type FormData = z.infer<typeof registerSchema>;
+
+export default function RegisterPage() {
+  const searchParams = useSearchParams();
+  const router = useRouter();
+  const role = searchParams.get("role") || "freelancer";
+  
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+
+  const form = useForm<FormData>({ resolver: zodResolver(registerSchema) });
+
+  async function onSubmit(data: FormData) {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/auth/register", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...data, role }),
+      });
+
+      if (!res.ok) throw new Error("Ошибка регистрации");
+
+      router.push("/dashboard");
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-50">
+      <form onSubmit={form.handleSubmit(onSubmit)} className="w-full max-w-md p-8 rounded-xl shadow-sm bg-white">
+        <h1 className="text-2xl font-bold mb-6">Регистрация</h1>
+
+        {error && (
+          <div className="mb-4 p-3 bg-red-50 text-red-700 rounded">{error}</div>
+        )}
+
+        <input {...form.register("email")} placeholder="Email" className="w-full mb-3 px-4 py-2 border rounded" />
+        {form.formState.errors.email && (
+          <p className="text-sm text-red-500 mb-2">{form.formState.errors.email.message}</p>
+        )}
+
+        <input {...form.register("password")} type="password" placeholder="Пароль (мин. 12 символов)" className="w-full mb-3 px-4 py-2 border rounded" />
+        {form.formState.errors.password && (
+          <p className="text-sm text-red-500 mb-2">{form.formState.errors.password.message}</p>
+        )}
+
+        <input {...form.register("fullName")} placeholder="Имя" className="w-full mb-4 px-4 py-2 border rounded" />
+
+        <button type="submit" disabled={loading} className="w-full bg-blue-600 text-white py-3 rounded font-medium">
+          {loading ? "Регистрация..." : `Зарегистрироваться как ${role === "client" ? "заказчик" : "фрилансер"}`}
+        </button>
+
+        <p className="text-center mt-4 text-sm">
+          Уже есть аккаунт?{" "}
+          <Link href="/auth/login" className="text-blue-600">Войти</Link>
+        </p>
+      </form>
+    </div>
+  );
+}
@@ -0,0 +1,51 @@
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+import Link from "next/link";
+
+async function fetchProjects() {
+  const res = await fetch("/api/projects?status=open");
+  return res.json();
+}
+
+export default function DashboardPage() {
+  const { data: projects, isLoading } = useQuery({ queryKey: ["projects"], queryFn: fetchProjects });
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      {/* Header */}
+      <header className="bg-white border-b px-6 py-4 flex items-center justify-between">
+        <h1 className="text-xl font-bold">Freelancer Match</h1>
+        <nav className="flex gap-4">
+          <Link href="/projects" className="text-gray-600 hover:text-blue-600">Проекты</Link>
+          <Link href="/ai-match" className="text-gray-600 hover:text-blue-600">AI-матчинг</Link>
+        </nav>
+      </header>
+
+      {/* Content */}
+      <main className="container mx-auto px-4 py-8">
+        <h2 className="text-2xl font-bold mb-6">Добро пожаловать!</h2>
+
+        {isLoading ? (
+          <p>Загрузка...</p>
+        ) : projects && projects.length > 0 ? (
+          <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
+            {projects.map((project) => (
+              <Link key={project.id} href={`/projects/${project.id}`} className="p-6 bg-white rounded-xl shadow-sm hover:shadow-md transition">
+                <h3 className="font-semibold mb-2">{project.title}</h3>
+                <p className="text-gray-600 text-sm line-clamp-2">{project.description}</p>
+                {project.budget_max && (
+                  <div className="mt-3 text-green-600 font-medium">
+                    до {project.budget_max.toLocaleString()}₽
+                  </div>
+                )}
+              </Link>
+            ))}
+          </div>
+        ) : (
+          <p className="text-gray-500">Нет доступных проектов</p>
+        )}
+      </main>
+    </div>
+  );
+}
@@ -0,0 +1,20 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: #ffffff;
+  --foreground: #0a0a0a;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+}
@@ -0,0 +1,18 @@
+import type { Metadata } from "next";
+import "./globals.css";
+import { Providers } from "@/lib/providers";
+
+export const metadata: Metadata = {
+  title: "Freelancer Match — Умная площадка для фрилансеров",
+  description: "AI-подбор фрилансеров, escrow-гарант сделок",
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="ru">
+      <body>
+        <Providers>{children}</Providers>
+      </body>
+    </html>
+  );
+}
@@ -0,0 +1,55 @@
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+
+export default function Home() {
+  return (
+    <div className="min-h-screen bg-gradient-to-b from-blue-50 to-white">
+      {/* Hero */}
+      <section className="container mx-auto px-4 py-20 text-center">
+        <h1 className="text-5xl font-bold mb-6">Freelancer Match</h1>
+        <p className="text-xl text-gray-600 max-w-2xl mx-auto mb-8">
+          Умная площадка для фрилансеров и заказчиков. AI-подбор, escrow-гарант сделок.
+        </p>
+        <div className="flex gap-4 justify-center">
+          <Button size="lg" asChild>
+            <Link href="/auth/register?role=freelancer">Начать как фрилансер</Link>
+          </Button>
+          <Button variant="outline" size="lg" asChild>
+            <Link href="/auth/register?role=client">Создать проект</Link>
+          </Button>
+        </div>
+      </section>
+
+      {/* Features */}
+      <section className="container mx-auto px-4 py-16 grid md:grid-cols-3 gap-8">
+        {[
+          { title: "AI-матчинг", desc: "Умный подбор фрилансеров по навыкам и опыту" },
+          { title: "Escrow-гарант", desc: "Безопасные сделки с защитой обеих сторон" },
+          { title: "Рейтинги", desc: "Прозрачные отзывы и система доверия" },
+        ].map((f) => (
+          <div key={f.title} className="p-6 rounded-xl bg-white shadow-sm">
+            <h3 className="text-lg font-semibold mb-2">{f.title}</h3>
+            <p className="text-gray-600">{f.desc}</p>
+          </div>
+        ))}
+      </section>
+
+      {/* Stats */}
+      <section className="container mx-auto px-4 py-16 text-center">
+        <div className="grid grid-cols-3 gap-8">
+          {[["10K+", "Фрилансеров"], ["50M₽", "Обработано сделок"], ["98%", "Довольных клиентов"]].map(([num, label]) => (
+            <div key={num}>
+              <div className="text-3xl font-bold">{num}</div>
+              <div className="text-gray-600">{label}</div>
+            </div>
+          ))}
+        </div>
+      </section>
+
+      {/* Footer */}
+      <footer className="border-t py-8 text-center text-gray-500">
+        © 2026 Freelancer Match. Все права защищены.
+      </footer>
+    </div>
+  );
+}