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 16React 19TypeScriptTailwind CSS 4Vercel KVNextAuth v5PartyKitVitest
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) |