Le problème
Ceux qui tradent les cotes sur les bourses de paris suivent généralement les prix sur les écrans de l’opérateur. Ces écrans affichent le carnet d’ordres, mais disent peu de choses sur l’évolution d’un prix, et rien sur la discipline du trader. Les débutants, en particulier, n’ont aucun endroit unique où les données de marché, les limites de risque et une information honnête sur les risques du jeu d’argent se côtoient.
Ce que j’ai construit
J’ai développé TrendBetting, un terminal web d’analyse, de suivi des cotes et de formation au trading sur bourses de paris. Ce n’est pas un site de paris : il ne prend aucun pari, ne gère pas d’argent, et la version actuelle fonctionne avec des données de démonstration simulées.
- Tableau de bord — indicateurs de bankroll, courbe de capital sur 90 jours, alertes en direct sur les mouvements de prix, exposition par sport et un panneau de discipline de session (mise moyenne par rapport à la bankroll, trades par rapport au maximum journalier, stop-loss journalier).
- Scanner de cotes — un tableau des mouvements de marché avec sparkline, variation sur 15 minutes, volume et une étiquette de signal (steam, drift, reversal), filtrable par sport et par fenêtre de temps.
- Fiche événement et graphiques — graphique des prix, profondeur du carnet en back et en lay, comparaison des trois issues d’un match, volatilité et volume.
- Gestionnaire de bankroll — un calculateur de mise à risque fixe qui indique la mise conseillée et la perte maximale avant d’entrer dans un trade.
- Journal de trading — chaque trade avec son entrée, sa sortie, son P&L et l’état émotionnel du trader, de « lucide » à « tilt », pour faire apparaître les schémas récurrents.
- Éducation au risque — de courts modules sur le fonctionnement d’une bourse de paris, la règle des 2 % et le stop-loss, le tilt et les biais émotionnels, les signes d’alerte de l’addiction au jeu, la gestion de la bankroll sur le long terme et un backtesting honnête, ainsi que des contacts d’aide.
Les chiffres
- 7 sections, chacune accessible par un raccourci clavier de 1 à 7.
- 0 dépendance d’exécution en dehors de Next.js et React : chaque graphique est dessiné en SVG par mes propres composants.
Comment c’est construit
Next.js 15 avec l’App Router, React 19 et TypeScript. Le style repose sur Tailwind CSS avec des design tokens en variables CSS, avec un thème sombre et un thème clair déjà prêts. L’application peut tourner sur un serveur Node ou être exportée en fichiers statiques pour un hébergement mutualisé classique.
Pourquoi ce choix
J’ai regroupé la couche de données en un seul endroit. Chaque écran lit un module typé unique : brancher un vrai flux de bourse, en REST ou en WebSocket, revient à remplacer un seul import, sans changer les types de données. Dessiner les graphiques moi-même, plutôt que d’ajouter une bibliothèque de graphiques, a gardé le terminal léger et a rendu l’export statique possible.
