# Show GN: BlockStorm - 글로벌 랭킹과 실시간 리더보드를 갖춘 웹 기반 미니게임

> Clean Markdown view of GeekNews topic #24225. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=24225](https://news.hada.io/topic?id=24225)
- GeekNews Markdown: [https://news.hada.io/topic/24225.md](https://news.hada.io/topic/24225.md)
- Type: show
- Author: [ibank](https://news.hada.io/@ibank)
- Published: 2025-11-08T14:03:03+09:00
- Updated: 2025-11-08T14:03:03+09:00
- Original source: [blockstorm.h3me.xyz](https://blockstorm.h3me.xyz)
- Points: 6
- Comments: 0

## Summary

**Vanilla JS**와 **Supabase**만으로 구현된 웹 기반 미니게임으로, 설치 없이 브라우저에서 바로 즐길 수 있는 **글로벌 리더보드 시스템**이 특징입니다. 단순한 개인 프로젝트처럼 보이지만, **PostgreSQL Functions**로 점수 검증을 처리하고 **RLS 기반 보안 구조**를 적용해 서버 검증까지 갖춘 점이 인상적입니다. 프레임워크 없이도 이 정도 완성도를 낼 수 있다는 점에서, “작은 사이드 프로젝트가 곧 훌륭한 프로덕트 실험실”이 될 수 있음을 보여줍니다.

## Topic Body

##### BlockStorm - 브라우저에서 즐기는 미니게임  
  
9살, 6살 아들들과 함께 놀려고 만든 미니게임입니다.  
  
**왜 만들었나요?**  
- 아이들이 테트리스를 좋아하는데, 앱 설치 없이 브라우저에서 바로 플레이하고 싶었어요  
- "아빠보다 점수 높다!" 하면서 경쟁하는 걸 보고, 글로벌 순위 시스템을 넣어주고 싶었습니다  
- 짬짬이 바이브 코딩으로 만들다 보니 생각보다 괜찮은 게임이 나왔네요  
  
**어떤 기능이 있나요?**  
- 글로벌 리더보드: 일간/주간/월간/전체 순위 확인 가능  
- 부정행위 방지: Supabase로 서버 검증해서 점수 조작 불가  
- 로그인 없이 바로 플레이: 디바이스 기반 자동 인증  
  
**기술적으로는**  
- Vanilla JS + CSS3로 심플하게 구현 (프레임워크 없이)  
- Supabase (PostgreSQL + RLS)로 백엔드 구성  
- PostgreSQL Functions으로 점수 검증  
- 모바일/태블릿/데스크탑 모두 지원  
  
바이브 코딩으로 틈틈이 만들다 보니, 아이들 학습용으로 시작했는데 나름 제대로 된 게임이 되었네요.  
  
지금 바로 플레이해보세요: [\[게임 URL\]](https://blockstorm.h3me.xyz/)

## Comments



_No public comments on this page._