Client - Real-time Web3 rankings for gaming
Blockchain leaderboard dashboard for NetherakDemons game with Web3 authentication and live rankings.
- Client
- Netherak Leaderboard
- Year
- Service
- Web3 development
Overview
Blockchain games need to display rankings in a transparent and verifiable way. Netherak Leaderboard connects directly with the Somnia network to obtain player statistics stored on-chain and presents them in an attractive visual dashboard.
The application allows players to connect their wallets to see their highlighted position in the ranking, creating engagement and competition within the community.
What we did
- React 19
- TypeScript
- Wagmi
- Sequence SDK
- Vite
- AWS Lambda
- Ranking metrics
- 2
- Players shown
- Top 10
- Blockchain
- Somnia
- Real-time data
- Live
Web3 authentication
Sequence SDK handles wallet connection with support for MetaMask, WalletConnect, and Coinbase Wallet. The system automatically detects if the connected user appears in the ranking and highlights their position.
Integration with Wagmi manages connection state and allows switching between networks (Somnia mainnet and testnet) transparently.
Data architecture
The AWS Lambda backend processes statistics stored on blockchain and exposes them via API. The frontend uses React Query to cache and refresh data, handling automatic pagination when there are many players.
Netherak's NFT contracts allow querying balances and ownership, integrating player identity with their in-game assets.