Cliente - Rankings Web3 en tiempo real para gaming
Dashboard de leaderboard blockchain para el juego NetherakDemons con autenticación Web3 y rankings en vivo.
- Cliente
- Netherak Leaderboard
- Año
- Servicio
- Desarrollo Web3
Descripción general
Los juegos blockchain necesitan mostrar rankings de forma transparente y verificable. Netherak Leaderboard se conecta directamente con la red Somnia para obtener estadísticas de jugadores almacenadas on-chain y las presenta en un dashboard visual atractivo.
La aplicación permite a los jugadores conectar sus wallets para ver su posición destacada en el ranking, creando engagement y competencia dentro de la comunidad.
Lo que hicimos
- React 19
- TypeScript
- Wagmi
- Sequence SDK
- Vite
- AWS Lambda
- Métricas de ranking
- 2
- Jugadores mostrados
- Top 10
- Blockchain
- Somnia
- Datos en tiempo real
- Live
Autenticación Web3
Sequence SDK maneja la conexión de wallet con soporte para MetaMask, WalletConnect y Coinbase Wallet. El sistema detecta automáticamente si el usuario conectado aparece en el ranking y destaca su posición.
La integración con Wagmi gestiona el estado de conexión y permite cambiar entre redes (Somnia mainnet y testnet) de forma transparente.
Arquitectura de datos
El backend en AWS Lambda procesa las estadísticas almacenadas en blockchain y las expone vía API. El frontend usa React Query para cachear y refrescar datos, manejando paginación automática cuando hay muchos jugadores.
Los contratos NFT de Netherak permiten consultar balances y ownership, integrando la identidad del jugador con sus activos in-game.