Predicciones de fútbol
Para la comunidad de Q For Media construí una plataforma interna con usuarios, pronósticos por partido, ranking y resultados del Mundial conectados con football-data.org y Supabase.
- Mi aporte
- Desarrollé la aplicación de pronósticos e integré resultados de partidos con una API y Supabase.
- Para quién
- Comunidad interna de Q For Media.
- Alcance
- Usuarios, pronósticos por partido y ranking actualizado con los resultados.
Lectura del caso
Porra afterwork para el Mundial, montada sobre Vercel y Supabase, con resultados conectados a football-data.org.
- Datos
- football-data.org
- App
- Vercel
- Base
- Supabase
- Uso
- Afterwork interno
La porra, en producción
Las capturas reales muestran la vista de predicciones en desktop con filtros, picks, penales, el total del torneo y un partido en vivo, además de la vista móvil. La tabla de posiciones es sintética.
El producto en la mano
Cada partido es una fila expandible con el pick, la cuenta regresiva hasta el cierre, el resultado oficial y los puntos. Está pensado para responder en veinte segundos desde el móvil.
Cómo se lee la general
El ranking combina aciertos exactos, ganadores y bonus de campeón. Los nombres son de muestra y la lógica de puntaje es la real.
| # | Participante | Exactos | Ganadores | Puntos |
|---|---|---|---|---|
| 1 | Nico | 6 | 11 | 29 |
| 2 | Vale | 5 | 12 | 27 |
| 3 | Marco | 5 | 10 | 25 |
| 4 | Lu | 3 | 12 | 21 |
| 5 | Sofi | 3 | 9 | 18 |
Decisiones del caso
Mecánica
Cada usuario carga predicciones por partido, el sistema actualiza resultados desde la API y el ranking se recalcula con reglas transparentes.
Facetas
Herramientas
- Vercel
- hosting y funciones serverless de la webapp
- Supabase
- Postgres + login con Google del equipo
- football-data.org API
- resultados oficiales para puntuar automáticamente
- React + TypeScript
- picks, ranking en vivo, bracket y chat