O problema
Quem negocia odds em exchanges de apostas costuma acompanhar os preços nas telas do próprio operador. Essas telas mostram o livro de ofertas, mas dizem pouco sobre como um preço está se movendo, e nada sobre a disciplina do trader. Os iniciantes, em especial, não têm um único lugar onde dados de mercado, limites de risco e informações honestas sobre os riscos do jogo fiquem lado a lado.
O que eu construí
Construí o TrendBetting, um terminal web de análise, monitoramento de odds e treinamento em trading de exchange. Não é um site de apostas: não aceita apostas, não movimenta dinheiro, e a versão atual roda com dados de demonstração simulados.
- Dashboard — indicadores da banca, curva de patrimônio de 90 dias, alertas ao vivo sobre movimentos de preço, exposição por esporte e um painel de disciplina da sessão (stake médio em relação à banca, operações em relação ao máximo diário, stop-loss diário).
- Scanner de odds — uma tabela de movimentos de mercado com sparkline, variação em 15 minutos, volume e um rótulo de sinal (steam, drift, reversal), filtrada por esporte e por janela de tempo.
- Ficha do evento e gráficos — gráfico de preço, profundidade do livro back e lay, comparação dos três resultados de uma partida, volatilidade e volume.
- Gestor de banca — uma calculadora de stake com risco fixo que mostra o stake sugerido e a perda máxima antes de entrar em uma operação.
- Diário de trading — cada operação com entrada, saída, P&L e o estado emocional do trader, de “lúcido” a “tilt”, para que os padrões fiquem visíveis.
- Educação sobre risco — módulos curtos sobre como funciona uma exchange, a regra dos 2% e o stop-loss, tilt e vieses emocionais, sinais de alerta do vício em jogo, gestão de banca no longo prazo e backtesting honesto, além de contatos de apoio.
Os números
- 7 seções, cada uma acessível por um atalho de teclado de 1 a 7.
- 0 dependências de runtime além de Next.js e React: todos os gráficos são desenhados em SVG por componentes meus.
Com o que foi feito
Next.js 15 com o App Router, React 19 e TypeScript. O estilo usa Tailwind CSS com design tokens em variáveis CSS, com um tema escuro e um tema claro já preparados. O app pode rodar em um servidor Node ou ser exportado como arquivos estáticos para uma hospedagem compartilhada comum.
Por que foi feito assim
Mantive a camada de dados em um só lugar. Todas as telas leem de um único módulo tipado, então conectar um feed real de exchange, via REST ou WebSocket, significa trocar um import, enquanto os tipos de dados continuam os mesmos. Escrever os gráficos eu mesmo, em vez de adicionar uma biblioteca de gráficos, manteve o terminal leve e tornou possível a exportação estática.
