Student Council President Election Website
back
ดิฉันได้จัดทำเว็บสำหรับการเลือกตั้งประธานนักเรียนออนไลน์ เพื่อประหยัดทรัพยากรต่าง ๆ จากการเลือกตั้งรูปแบบเดิม
ซึ่งใช้ Next.js ในการสร้างเว็บไซต์และใช้ MongoDB, Cloudinary เป็นฐานข้อมูล
โดยผู้ใช้สามารถดูข้อมูลพรรคต่าง ๆ ในเว็บ จากนั้นตรวจสอบชื่อและสิทธิ์จากเลขประจำตัว เพื่อลงคะแนนเสียง
และทางด้านแอดมินสามารถเพิ่ม/แก้ไขข้อมูลพรรค และเพิ่มรายชื่อนักเรียนผ่านไฟล์ Excel
หลังเสร็จสิ้นการเลือกตั้ง จะมีกราฟแท่งและกราฟวงกลมแสดงคะแนนและสถิติการเลือกตั้ง
หน้าข้อมูลผู้สมัครและหน้าลงคะแนนเสียง
previousnext
หน้าข้อมูลผู้สมัครและหน้าลงคะแนนเสียง
หน้าหลักสำหรับแสดงข้อมูลผู้สมัครประธานและรองประธาน ได้แก่ หมายเลขพรรค ชื่อพรรค รูป/ชื่อผู้สมัคร และนโยบาย ใช้ API ดึงข้อมูลมาจากฐานข้อมูล
หน้าแสดงผลการเลือกตั้ง
previousnext
หน้าแสดงผลการเลือกตั้ง
เมื่อเปิดการแสดงผลการเลือกตั้ง จะมีหน้าต่างแสดงชื่อและคะแนนพรรคที่ได้คะแนนสูงสุด
หน้าจัดการข้อมูล
previousnext
หน้าจัดการข้อมูล
เมื่อคลิก 'จัดการ' บนแถบเมนู จะมีให้กรอกรหัสและเข้าสู่หน้าจัดการ ซึ่งสามารถเพิ่มและแก้ไขข้อมูล รีเซ็ตข้อมูลต่าง ๆ และเปิด/ปิดการแสดงผลฟังก์ชัน