Skip to main content

แกลเลอรีภาพหน้าจอ

Dashboard

หน้าหลักหลัง login พร้อมสถิติภาพรวม

1920 × 1080

คำอธิบายโปรเจกต์

SDQ Assessment System คือเว็บแอปพลิเคชันสำหรับโรงเรียน ใช้ทำแบบประเมินพฤติกรรม SDQ มาตรฐานสากล ครูสามารถจัดการนักเรียน ทำแบบประเมิน 25 ข้อใน 5 มิติ ดูผลรายบุคคลพร้อม breakdown และดูรายงานระดับห้องเรียนพร้อมกราฟสถิติ ระบบมี subscription plan, route protection ด้วย Next.js Middleware และ email verification

ฟีเจอร์หลัก

จัดการนักเรียน

เพิ่ม แก้ไข ลบนักเรียน และนำเข้าข้อมูลจาก Excel จำนวนมาก จัดกลุ่มตามห้องเรียน

แบบประเมิน SDQ

แบบประเมิน 25 ข้อมาตรฐานสากล ระบบ auto-advance, progress bar real-time และคำนวณคะแนน 5 มิติอัตโนมัติ

รายงานและกราฟ

กราฟและสถิติระดับห้องเรียน ประวัติผลรายบุคคล และกรองตามสถานะการประเมิน

ระบบความปลอดภัย

Next.js Middleware สำหรับ route protection, email verification และสิทธิ์ผู้ดูแลระบบ

นำเข้า Excel

นำเข้าข้อมูลนักเรียนจาก Excel จำนวนมากด้วย ExcelJS

Subscription และการแจ้งเตือน

แผนฟรี รายเดือน และตลอดชีพ ควบคุมสิทธิ์ตาม plan และแจ้งเตือนเมื่อใกล้หมดอายุ

เทคโนโลยีที่ใช้

Frontend

Next.js 16React 19TypeScriptTailwind CSS v4TanStack React Query v5Recharts

Backend

NestJS 11TypeScriptTypeORMPostgreSQL 16JWTSwagger

Tools

DockerExcelJSbcryptStripe
พิศลย์ อุตตาลกาญจนา
พิศลย์ อุตตาลกาญจนา

จบการศึกษาสาขาวิศวกรรมซอฟต์แวร์จาก KMITL กรุงเทพฯ เน้นด้าน Full Stack Web Development พัฒนาผลิตภัณฑ์ที่ใช้งานได้จริงตั้งแต่ไอเดียจนถึง deployment มุ่งมั่นเขียนโค้ดที่ดีและพัฒนาทักษะอย่างต่อเนื่อง

ติดต่อผม

  • pisol.uat@gmail.com
  • Pisol00
  • กรุงเทพมหานคร, ประเทศไทย

© 2026 พิศลย์ อุตตาลกาญจนา. สงวนลิขสิทธิ์