ระบบจัดการการสมัครสอบสำหรับนักเรียนชั้นมัธยมศึกษาตอนปลาย พัฒนาด้วย Next.js, TypeScript และ Tailwind CSS
- 📝 ระบบลงทะเบียนสมัครสอบ
- 📊 Dashboard แสดงภาพรวมข้อมูล
- 📋 ตารางแสดงรายชื่อผู้สมัคร
- 🗑️ ระบบจัดการข้อมูลผู้สมัคร
- 📱 Responsive Design รองรับทุกอุปกรณ์
-
Frontend:
- Next.js 14
- TypeScript
- Tailwind CSS
- React Hooks
-
Backend:
- Next.js API Routes
- PostgreSQL
- Prisma ORM
- Clone โปรเจค:
git clone <repository-url>
cd <project-name>- ติดตั้ง dependencies:
npm install- ตั้งค่าไฟล์ .env:
DATABASE_URL="postgresql://gun_kitinun:khonson2541@localhost:5432/sut_db?schema=public"- สร้างฐานข้อมูลและ Prisma client:
npx prisma migrate dev
npx prisma generate- รันโปรเจคในโหมด development:
npm run dev-
กรอกข้อมูลส่วนตัว:
- ชื่อ-นามสกุล
- ระดับชั้น
- ข้อมูลโรงเรียน
-
เลือกวิชาที่ต้องการสอบ:
- คณิตศาสตร์
- ฟิสิกส์
- เคมี
- ชีววิทยา
-
เลือกสนามสอบ:
- นครราชสีมา
- สุรินทร์
- บุรีรัมย์
- ชัยภูมิ
-
Dashboard:
- แสดงภาพรวมจำนวนผู้สมัคร
- สถิติแยกตามระดับชั้น
- สถิติแยกตามสนามสอบ
- สถิติแยกตามวิชา
-
ตารางข้อมูล:
- แสดงรายชื่อผู้สมัครทั้งหมด
- ค้นหาและกรองข้อมูล
- ดึงข้อมูลผู้สมัครทั้งหมด
- สร้างข้อมูลการสมัครใหม่
หากพบปัญหาหรือต้องการความช่วยเหลือ สามารถติดต่อได้ที่:
- Email: [kitinun.khonson@gmail.com]