Pro Manager: comparación y gestión de plantillas

Pro Manager es una aplicación web de gestión deportiva. Permite administrar una plantilla de jugadores, comparar sus atributos y armar una formación táctica. Esta nota documenta sus secciones principales y las decisiones técnicas detrás.

Comparador

La sección de comparación toma dos jugadores y superpone sus atributos en un gráfico de radar; barras laterales desglosan cada métrica por separado. El objetivo es leer las diferencias de forma visual en lugar de sobre una tabla.

Plantilla y formación

Desde la gestión de plantilla se administran los jugadores y se ubica la formación sobre la cancha. Cada jugador es una tarjeta con su posición y rating; la formación se actualiza al reubicarlos.

Asistente IA

Sumé un asistente conversacional integrado: un chat que permite consultar la plantilla en lenguaje natural, como si se hablara con un analista deportivo. El usuario puede preguntar cualquier cosa sobre los jugadores sin navegar tablas ni filtros — por ejemplo «quién es el jugador más rápido según sus atributos» o «qué mediocampistas tienen buena visión de juego».

La integración sigue una arquitectura segura de tipo server-side proxy. El frontend envía el historial del chat a una API route propia (Next.js); esa ruta agrega como system prompt los datos de los 25 jugadores y llama a OpenRouter. La API key vive solo en el servidor (variable de entorno), nunca se expone al cliente.

Para garantizar disponibilidad implementé un fallback automático sobre una lista priorizada de modelos gratuitos: si el primero falla por saturación, se reintenta con el siguiente. Las respuestas se renderizan con formato Markdown.

Decisiones técnicas

Construida con Next.js y TypeScript, con tipado sobre los datos de jugadores. Los gráficos de radar y barras usan Recharts. La interfaz es oscura y de alto contraste para mantener la atención en los datos.

Estado

La aplicación está desplegada y disponible para probar en el demo enlazado arriba.