ห้อง 1/2 DSKRU

เจ้าของผลงานเล่าไว้แบบนี้

https://1-2-dskru-class.vercel.app # 🏫 เว็บห้อง 1/2 DSKRU (รวมระบบ) — ใช้ Neon ทั้งหมด รวมเว็บห้อง + ติดตามงาน + กระดานหักคะแนน ในแอปเดียว เก็บข้อมูลใน Neon (Postgres) ทั้งคู่ ## เมนู - หน้าห้องเดิม: หน้าหลัก / กิจกรรม / เกี่ยวกับเรา / ติดต่อเรา / รายชื่อนักเรียน / คลังโมเมนต์ - /tasks — ระบบติดตามงาน - /points — กระดานหักคะแนน (UI เดิม felt-green/gold + stamp animation) **เก็บใน Neon** ## ⚙️ ตั้งค่า .env (มีแค่ตัวเดียวที่ต้องเชื่อมฐานข้อมูล) DATABASE_URL="postgresql://...neon.tech/neondb?sslmode=require" ADMIN_PASSWORD="รหัสหัวหน้าห้อง" # กดเข้าโหมดหัวหน้าใน /points SESSION_SECRET="สุ่มยาวๆ" # คีย์เซ็น cookie STARTING_POINTS="100" > ไม่ต้องใช้ Google Sheets / Service Account แล้ว — คะแนนอยู่ใน Neon เหมือน tasks ## 🚀 ขั้นตอนรัน npm install npm run db:push # สร้างตาราง Task, Subtask, Student, PointLog นำเข้าคะแนนเก่า 37 คน (ครั้งเดียว): เปิด Neon -> SQL Editor -> วางไฟล์ prisma/import-points.sql -> Run npm run dev - /tasks : ติดตามงาน - /points : อันดับคะแนน, เข้าโหมดหัวหน้า (ADMIN_PASSWORD) เพื่อหัก/เพิ่มแต้ม + เพิ่ม/ลบสมาชิก ## 🎨 ธีม - /tasks ใช้ aura น้ำเงินเข้ม - /points คงธีม felt-green/gold เดิม (scope ใต้ .pb-root ไม่ชนกับส่วนอื่น) ## หมายเหตุ - UI ของ /points เป็นของเดิมทั้งหมด เปลี่ยนแค่ "หลังบ้าน" จาก Google Sheets -> Neon (API ชุดเดิม /api/members, /api/points, /api/log ... แต่คุยกับ Prisma แทน) ## 🆕 ระบบเช็คชื่อ (/attendance) - หัวหน้าเลือกวันที่ -> กดสถานะรายคน (มา/สาย/ลา/ขาด) -> บันทึกลง Neon ทันที - ปุ่ม "ที่เหลือมาทั้งหมด" เช็คเร็ว

โดย sildev13 · ดูโพสต์ต้นทาง