B03
El pick & ban de mapas de CS2, en vivo y sincronizado entre los dos capitanes.CS2 map pick & ban, live and synced between both captains.
SOBRE EL PROYECTOABOUT THE PROJECT
Side project chico y enfocado: una app para hacer el veto de mapas de Counter-Strike 2 en partidas custom, competitivas y torneos. Dos capitanes entran a una sala con un código de 4 caracteres (sin login), hacen un coin toss para definir quién vetea primero y alternan bans y picks sobre el pool de mapas, eligiendo lado. Después la app trackea la serie BO1/BO3/BO5 con reporte de resultados. La construí con Next.js 14 (App Router), TypeScript y TailwindCSS, con Supabase para base de datos y sincronización en tiempo real entre ambos capitanes.A small, focused side project: an app to run Counter-Strike 2 map vetoes for custom, competitive and tournament matches. Two captains join a room with a 4-character code (no login), do a coin toss to decide who bans first and alternate bans and picks over the map pool, choosing sides. The app then tracks the BO1/BO3/BO5 series with result reporting. I built it with Next.js 14 (App Router), TypeScript and TailwindCSS, using Supabase for the database and real-time sync between both captains.
STACK
LO QUE CONSTRUÍWHAT I BUILT
05 ENTREGABLES CLAVEKEY DELIVERABLESSalas por códigoRoom codes
El host crea la sala y el rival entra con un código de 4 caracteres, sin cuenta ni login.The host creates the room and the opponent joins with a 4-character code, no account or login.
Coin tossCoin toss
Sorteo inicial para decidir qué capitán empieza el veto.An initial toss to decide which captain starts the veto.
Veto de mapas pick & banMap pick & ban veto
Secuencia determinística de bans y picks sobre el pool, con elección de lado CT/T.Deterministic sequence of bans and picks over the pool, with CT/T side selection.
Sincronización en tiempo realReal-time sync
Ambos capitanes ven el veto y el log en vivo gracias a Supabase Realtime.Both captains see the veto and log live thanks to Supabase Realtime.
Serie BO1/BO3/BO5BO1/BO3/BO5 series
Tracking de resultados por mapa con reporte dual y detección de conflictos.Per-map result tracking with dual reporting and conflict detection.