AI-Tool-Fix — ระบบแจ้งซ่อม

ระบบแจ้งซ่อมอุปกรณ์ที่ให้ผู้แจ้งถ่ายรูป เลือกอาคาร/ห้อง แล้วให้ AI วิเคราะห์ว่าอุปกรณ์อะไรเสียโดยอัตโนมัติ พร้อมแดชบอร์ดสำหรับเจ้าหน้าที่ติดตามสถานะแบบเรียลไทม์และดูสรุปข้อมูล

Deploy

กดปุ่มด้านบนในบราวเซอร์ที่ล็อกอิน Vercel อยู่ — หน้า import จะถามค่า env ให้ครบเอง ค่าที่ต้องกรอกอยู่ใน docs/DEPLOY.md (copy วางได้เลย)

Stack

• Next.js 16 (App Router, Turbopack, Server Actions)
• Supabase — Postgres + Auth + Storage + Realtime
• Claude Vision API — วิเคราะห์รูปภาพที่แจ้งซ่อม
• Tailwind CSS + shadcn/ui (Base UI)
• Recharts, dnd-kit สำหรับ Kanban board

Getting started

npm install
cp .env.local.example .env.local   # แล้วกรอกค่าตาม Supabase project + Anthropic API key

รัน migration ใน Supabase SQL Editor ตามลำดับ:

1. supabase/migrations/0001_init.sql
2. supabase/migrations/0002_storage.sql

จากนั้นสร้าง staff account: สมัคร user ผ่าน Supabase Auth แล้ว insert แถวใน staff table ด้วย id เดียวกับ auth.users.id

npm run dev

Routes

• / — หน้าแรก
• /report — ฟอร์มแจ้งซ่อม (สาธารณะ ไม่ต้อง login)
• /login — เข้าสู่ระบบเจ้าหน้าที่
• /dashboard — บอร์ดสถานะแบบเรียลไทม์ (เสร็จแล้ว / ยังไม่เสร็จ)
• /dashboard/analytics — KPI, Kanban, Timeline, Heatmap, ปฏิทิน