El problema
Quien opera con cuotas en los exchanges de apuestas suele seguir los precios en las pantallas del propio operador. Esas pantallas muestran el libro de órdenes, pero dicen poco sobre cómo se mueve un precio y nada sobre la disciplina del propio trader. Sobre todo los principiantes no tienen un único lugar donde los datos de mercado, los límites de riesgo y una información honesta sobre los riesgos del juego estén juntos.
Lo que construí
Construí TrendBetting, un terminal web para el análisis, la monitorización de cuotas y la formación en trading en exchanges. No es una web de apuestas: no acepta apuestas, no mueve dinero y la versión actual funciona con datos de demostración simulados.
- Panel de control — indicadores del bankroll, una curva de capital de 90 días, alertas en directo sobre movimientos de precio, exposición por deporte y un panel de disciplina de la sesión (importe medio frente al bankroll, operaciones frente al máximo diario, stop-loss diario).
- Escáner de cuotas — una tabla de movimientos del mercado con sparkline, variación en 15 minutos, volumen y una etiqueta de señal (steam, drift, reversal), filtrable por deporte y por franja de tiempo.
- Ficha del evento y gráficos — gráfico de precios, profundidad del libro back y lay, comparación de los tres resultados posibles de un partido, volatilidad y volumen.
- Gestor de bankroll — una calculadora de importe con riesgo fijo que muestra el importe sugerido y la pérdida máxima antes de entrar en una operación.
- Diario de trading — cada operación con entrada, salida, P&L y el estado emocional del trader, de «lúcido» a «tilt», para que los patrones salgan a la luz.
- Formación sobre riesgos — módulos breves sobre cómo funciona un exchange, la regla del 2% y el stop-loss, el tilt y los sesgos emocionales, las señales de alarma de la adicción al juego, la gestión del bankroll a largo plazo y el backtesting honesto, además de contactos de ayuda.
Las cifras
- 7 secciones, cada una accesible con un atajo de teclado del 1 al 7.
- 0 dependencias en tiempo de ejecución aparte de Next.js y React: todos los gráficos se dibujan en SVG con componentes propios.
Con qué está hecho
Next.js 15 con el App Router, React 19 y TypeScript. Los estilos usan Tailwind CSS con design tokens en variables CSS, con un tema oscuro y un tema claro ya preparado. La app puede funcionar en un servidor Node o exportarse como archivos estáticos para un hosting compartido normal.
Por qué se hizo así
Mantuve la capa de datos en un solo lugar. Cada pantalla lee de un único módulo tipado, así que conectar un feed real de un exchange, por REST o WebSocket, consiste en sustituir un import mientras los tipos de datos siguen siendo los mismos. Escribir los gráficos yo mismo, en lugar de añadir una librería de gráficos, mantuvo el terminal ligero e hizo posible la exportación estática.
