RSU Event Register

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

https://rsu-event-register-h2wa.vercel.app # RSU Event Register ระบบลงทะเบียนและเช็คอินกิจกรรม — โจทย์กลางของหลักสูตร **อบรมเชิงปฏิบัติการ AI-Assisted Coding สำหรับการพัฒนาเว็บแอปพลิเคชัน** ศูนย์บริการวิชาการ มหาวิทยาลัยรังสิต ## ระบบทำอะไรได้ | หน้า | ใครเข้าได้ | ทำอะไร | |---|---|---| | `/` | ทุกคน | ดูรายละเอียดกิจกรรมและที่นั่งคงเหลือ | | `/register` | ทุกคน | กรอกฟอร์ม → ได้รหัสลงทะเบียนของตัวเอง | | `/admin` | บัญชีผู้ดูแลที่ล็อกอินแล้ว | ดูรายชื่อ ค้นหา เช็คอิน ส่งออก CSV | ## Stack Next.js 16 (App Router) · React 19 · TypeScript · Tailwind CSS v4 · Supabase (PostgreSQL) · Vercel ## เริ่มใช้งาน ```bash # 1. ติดตั้ง npm install # 2. ตั้งค่าตัวแปร environment cp .env.example .env.local # Windows: copy .env.example .env.local # แล้วเปิด .env.local ใส่ค่าจริงให้ครบ 2 ตัว # (โปรเจกต์นี้ใช้แค่ NEXT_PUBLIC_SUPABASE_URL และ NEXT_PUBLIC_SUPABASE_ANON_KEY) # 3. สร้างฐานข้อมูล — เปิด Supabase → SQL Editor แล้วรันตามลำดับ (ห้ามสลับ) # db/schema.sql → db/rls.sql → db/seed.sql # 4. สร้างบัญชีผู้ดูแล — Supabase → Authentication → Users → Add user # แล้วรันคำสั่งท้ายไฟล์ db/seed.sql เพื่อเพิ่ม user_id ลงตาราง admins # 5. รัน npm run dev # http://localhost:3000 ``` ## คำสั่งที่ใช้บ่อย ```bash npm run dev # โหมดพัฒนา npm run build # ต้องผ่านก่อน push ทุกครั้ง npm run lint # ESLint npx tsc --noEmit # ตรวจชนิดข้อมูล ``` ## โครงไฟล์ ``` src/app/ หน้าจอ (page.tsx, register/, admin/) src/app/api/ route handler ฝั่งเซิร์ฟเวอร์ src/lib/db.ts ★ โค้

โดย nattapatpsw-Game · ดูโพสต์ต้นทาง