BlockStorm - Minigame nền web với bảng xếp hạng toàn cầu và leaderboard thời gian thực

BlockStorm - Minigame chơi ngay trên trình duyệt

Đây là một minigame tôi làm để chơi cùng hai cậu con trai 9 tuổi và 6 tuổi.

Vì sao tôi làm nó?

• Bọn trẻ thích Tetris, và tôi muốn chúng có thể chơi ngay trong trình duyệt mà không cần cài app
• Thấy chúng vừa chơi vừa nói "Con ghi điểm cao hơn bố rồi!", tôi muốn thêm hệ thống xếp hạng toàn cầu để chúng cạnh tranh
• Vì tranh thủ làm bằng vibe coding lúc rảnh, nên cuối cùng lại ra một trò chơi ổn hơn tôi nghĩ

Có những tính năng gì?

• Leaderboard toàn cầu: có thể xem xếp hạng theo ngày/tuần/tháng/toàn thời gian
• Chống gian lận: xác thực phía máy chủ bằng Supabase nên không thể chỉnh sửa điểm số
• Chơi ngay không cần đăng nhập: xác thực tự động dựa trên thiết bị

Về mặt kỹ thuật

• Được xây dựng đơn giản bằng Vanilla JS + CSS3 (không dùng framework)
• Backend dùng Supabase (PostgreSQL + RLS)
• Xác thực điểm số bằng PostgreSQL Functions
• Hỗ trợ cả di động/máy tính bảng/máy tính để bàn

Vì tranh thủ làm bằng vibe coding từng chút một, nên ban đầu chỉ định làm cho bọn trẻ học và chơi, nhưng rồi nó đã trở thành một trò chơi khá hoàn chỉnh.

Chơi ngay bây giờ: [URL trò chơi]