BlockStorm - minigame berbasis web dengan peringkat global dan leaderboard real-time
(blockstorm.h3me.xyz)BlockStorm - minigame yang bisa dimainkan di browser
Ini adalah minigame yang saya buat untuk bermain bersama dua putra saya yang berusia 9 dan 6 tahun.
Kenapa membuatnya?
- Anak-anak suka Tetris, dan saya ingin mereka bisa langsung bermain di browser tanpa perlu memasang aplikasi
- Saat melihat mereka saling bersaing sambil berkata, "Skorku lebih tinggi dari Ayah!", saya jadi ingin menambahkan sistem peringkat global
- Karena dibuat sedikit demi sedikit dengan vibe coding, hasilnya ternyata menjadi game yang lebih bagus dari perkiraan
Fitur apa saja yang ada?
- Leaderboard global: bisa melihat peringkat harian/mingguan/bulanan/keseluruhan
- Pencegahan kecurangan: skor tidak bisa dimanipulasi karena diverifikasi di server dengan Supabase
- Langsung main tanpa login: autentikasi otomatis berbasis perangkat
Dari sisi teknis
- Diimplementasikan secara sederhana dengan Vanilla JS + CSS3 (tanpa framework)
- Backend dibangun dengan Supabase (PostgreSQL + RLS)
- Validasi skor menggunakan PostgreSQL Functions
- Mendukung mobile/tablet/desktop
Karena dibuat selang-seling dengan vibe coding, awalnya ini dimulai sebagai sarana belajar untuk anak-anak, tetapi akhirnya menjadi game yang cukup matang.
Coba mainkan sekarang juga: [URL game]
Belum ada komentar.