Volver a proyectos 
Juegos DTI - Arcade Collection
Plataforma web de 15 juegos arcade con ranking global, autenticación con Google, multijugador en tiempo real y panel de administración. Temática retro-neon con estética cyberpunk.
Next.js 16 React 19 TypeScript Tailwind CSS 4 Vercel KV NextAuth v5 PartyKit Vitest
Características
15 Juegos
Puzzle, arcade, accion y multijugador: Buscaminas, Viper, Bug Blaster, Bit Crusher, Stack Overflow, Data Eater, Ping, y mas
Ranking Global
Sistema de rankings persistente con Vercel KV (Redis), top 20 por juego con rate limiting
Multijugador Online
Ping (Pong) con WebSocket via PartyKit: salas con codigos, prediccion client-side y reconciliacion
Anti-Cheat Server-Side
Buscaminas genera tableros en el servidor con zona segura 3x3 en primer click
Autenticacion Google
NextAuth v5 con JWT, perfiles personalizables, avatares y sistema de badges
Panel de Admin
Easter egg (7 clicks) que desbloquea CRUD completo de rankings con tokens expirables
Arquitectura
Frontend Next.js 16 App Router con React 19, view transitions y anime.js para animaciones
Base de Datos Vercel KV (Upstash Redis) para rankings globales y sesiones de juego
Multijugador PartyKit WebSocket server con modelo host-authority y prediccion del lado del cliente
Autenticacion NextAuth v5 con Google OAuth, perfiles en Redis y subida de avatares via Vercel Blob
Validacion Zod en todas las APIs, rate limiting con Upstash y headers de seguridad (CSP, X-Frame-Options)
Catalogo de Juegos
| Categoria | Juegos |
|---|---|
| Puzzle | Buscaminas, Bit Crusher (Match-3), Stack Overflow (Tetris), Network Shield (Tower Defense) |
| Arcade | Viper (Snake), Bug Blaster, Garbage Collector (Asteroids), Logic Bomb (Bomberman) |
| Accion | Data Eater (Pac-Man), Firewall Breach (Breakout), Code Runner, Data Highway 1 & 2 |
| Multijugador | Ping (Pong online) |
| Experimental | Code Compiler (Typing Game) |