logoStephen's 기술블로그

포스트 검색

제목, 태그로 포스트를 검색해보세요

Monder - Web3 OXgame Platform

Monder - Web3 OXgame Platform
Portfolio
성훈 김
2025년 12월 13일
목차

개요

Monad Blitz Seoul 2025에서 6시간동안 진행된 당일 해커톤에 참가한 프로젝트입니다. Monder는 Tinder의 직관적인 스와이프 UX를 가격 예측 인터페이스로 재해석한 블록체인 게임입니다. Tinder에서 좌/우로 스와이프하며 상대를 선택하듯, Monder에서는 암호화폐 가격이 오를지(O) 내릴지(X)를 선택합니다.
 
참가자는 먼저 가격을 예측하고 싶은 체인(ETH, LINK, BTC)을 고르고, 해당 체인 내에 형성된 여러 게임풀 중 하나를 선택해 참여합니다. 게임이 시작되면 Chainlink Data Streams를 통해 5초마다 실시간 가격이 업데이트되고, 플레이어들은 그 짧은 순간 안에 다음 가격 방향을 예측해야 합니다. 예측이 틀리거나 시간 내에 응답하지 못하면 즉시 탈락하며, 마지막 한 명이 남거나 모두 탈락할 때까지 서바이벌이 계속됩니다. 최종 생존자가 풀에 모인 전체 상금을 가져갑니다.
 
notion image

행사정보

 

수상 분야

3등 수상

notion image
 

Best use of chainlink

notion image
 

깃허브 주소

monder 모노레포 - 프론트엔드(Next.js) / 백엔드(NestJS) / 컨트렉트(Monad Blockhcain)
mon_blitz
nubro999Updated Dec 15, 2025
 

시스템 아키텍처

notion image
 

기술 스택

  • Frontend: Next.js 16, React 19, TypeScript, Tailwind CSS, Zustand, Framer Motion
  • Backend: NestJS, Socket.io, Chainlink Data Streams SDK
  • Blockchain: Solidity, Hardhat, Monad Testnet
  • Tinder 스와이프 UX 적용, Chainlink 실시간 가격 피드(5초), WebSocket 실시간 동기화
 

주요 기능

  • Tinder 스타일 스와이프 UI로 O/X 가격 예측 인터페이스 구현
  • Chainlink Data Streams 연동으로 5초 단위 실시간 가격 피드 처리
  • WebSocket 기반 실시간 게임 상태 동기화
  • 스마트 컨트랙트로 참가비 예치, 탈락 처리, 상금 자동 분배 구현
  • NestJS 스케줄러를 활용한 Oracle 서비스 (5초 주기 라운드 진행)