← Quay lại dự án

Name Picker

Công cụ quay số trúng thưởng cho sự kiện, bánh xe dạng reel cuộn qua danh sách hàng trăm người.

Vai trò
Developer
Thời gian
2026
Name Picker

Ứng dụng quay thưởng dùng trong sự kiện tại VisionX. Nhập danh sách người tham dự từ file Excel/CSV (tự nhận diện cột tên), quay bằng bánh xe dạng reel hiển thị 10 tên trong khung nhìn và dừng chậm dần đúng người thắng. Hỗ trợ cơ cấu trước người thắng cho từng vòng, bật/tắt chế độ loại người đã trúng, và mở màn hình trình chiếu riêng cho khán giả — đồng bộ real-time với cửa sổ điều khiển qua BroadcastChannel. Lịch sử trúng thưởng lưu kèm thời gian và xuất được ra Excel/CSV. Chạy hoàn toàn client-side, không backend, dữ liệu lưu trong localStorage. Toàn bộ logic lõi được phủ unit test bằng Vitest.

TypeScriptReactViteZustandBroadcastChannelVitest