Bài toán
Nhà trường tổ chức cuộc thi tranh theo nhiều đợt và cần một trang bình chọn trực tuyến cho phụ huynh, học sinh: xem tranh dự thi, bình chọn minh bạch, mỗi người chỉ được bình chọn một lần cho mỗi tranh, kết quả cập nhật tức thì.
Chức năng chính
- Danh sách tranh theo đợt thi (Đợt 1, Đợt 2…), tự động lấy từ thư mục ảnh, không cần nhập liệu thủ công.
- Sắp xếp theo số lượt bình chọn, hiển thị số vote của từng tranh.
- Đăng nhập bằng Google để bình chọn, chống vote ảo; mỗi tài khoản chỉ vote một lần cho mỗi tranh (ràng buộc duy nhất trong cơ sở dữ liệu).
- Bình chọn / huỷ bình chọn bằng nút trái tim, số vote cập nhật ngay trên giao diện.
- Ảnh tranh phục vụ qua máy chủ file riêng (nginx), tối ưu tải ảnh.
Công nghệ
Next.js 14 (App Router, Server Actions), NextAuth (Google OAuth), MongoDB, nginx phục vụ ảnh, Docker Compose.
Điểm ưu việt
- Gọn nhẹ, triển khai nhanh cho một sự kiện; thêm đợt thi chỉ cần thêm thư mục ảnh.
- Minh bạch và chống gian lận nhờ xác thực Google và ràng buộc 1 tài khoản – 1 vote/tranh.
- Giao diện vui tươi, thân thiện với phụ huynh và học sinh, dùng tốt trên điện thoại.
