Ficha 03 / 03
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.
Características
-
15 Juegos
Puzzle, arcade, acción y multijugador: Buscaminas, Viper, Bug Blaster, Bit Crusher, Stack Overflow, Data Eater, Ping, y más
-
Ranking Global
Sistema de rankings persistente con Vercel KV (Redis), top 20 por juego con rate limiting
-
Multijugador Online
Ping (Pong) con WebSocket vía PartyKit: salas con códigos, predicción client-side y reconciliación
-
Anti-Cheat Server-Side
Buscaminas genera tableros en el servidor con zona segura 3x3 en primer click
-
Autenticación 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 predicción del lado del cliente
- Autenticación
- NextAuth v5 con Google OAuth, perfiles en Redis y subida de avatares vía Vercel Blob
- Validación
- Zod en todas las APIs, rate limiting con Upstash y headers de seguridad (CSP, X-Frame-Options)
Catálogo de Juegos
| Categoría | 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) |
| Acción | Data Eater (Pac-Man), Firewall Breach (Breakout), Code Runner, Data Highway 1 & 2 |
| Multijugador | Ping (Pong online) |
| Experimental | Code Compiler (Typing Game) |