Pronostique entre amis — App de pronostics Coupe du Monde 2026
Conception et développement d’une application web interne de pronostics pour la Coupe du Monde 2026. Pensée pour animer une communauté de collègues : saisie des scores match par match, questions bonus, classement temps réel et profils joueurs. Un projet ludique, en interne dans mon entreprise.
Stack technique
- Next.js
- TypeScript
- Tailwind CSS
- NestJS
- GraphQL
- MongoDB
Objectifs
- Permettre à chaque participant de pronostiquer le score de chaque match avant le coup d’envoi
- Calculer automatiquement les points selon les résultats réels
- Afficher un classement temps réel pour entretenir la compétition
- Ajouter des questions bonus (vainqueur, meilleur buteur…) pour pimenter le jeu
- Garder une expérience simple, mobile-first et sans friction
Le contexte
À l’approche de la Coupe du Monde 2026, l’idée était de fédérer les collègues autour d’un jeu de pronostics convivial, sans passer par les apps grand public souvent surchargées de pubs et peu personnalisables. Le besoin : un outil simple, rapide et fun, hébergé en interne, où chacun saisit ses pronostics, suit le classement et se chambre amicalement tout au long de la compétition.
Concept & expérience
L’app tourne autour d’une boucle de jeu volontairement simple : je pronostique, je marque des points, je grimpe au classement. L’écran d’accueil liste les matchs à venir avec la saisie du score directement intégrée, pour que pronostiquer prenne quelques secondes. Tout est pensé mobile-first puisque les participants saisissent surtout depuis leur téléphone, souvent juste avant un match.
Système de points & bonus
Le barème récompense à la fois le bon résultat (1/N/2) et le score exact, avec un bonus pour les pronostics parfaits. En complément des matchs, des questions bonus à long terme (vainqueur de la compétition, meilleur buteur, surprise du tournoi…) permettent de gratter des points stratégiques et de garder du suspense jusqu’à la finale.
Classement & profils
Le classement se recalcule à chaque résultat saisi et offre une vue claire de la hiérarchie du groupe. Chaque participant dispose d’un profil avec l’historique de ses pronostics et ses statistiques personnelles (taux de réussite, scores exacts, points bonus), de quoi alimenter les discussions et la rivalité amicale au bureau.
Stack technique
Frontend Next.js (App Router) + TypeScript + Tailwind CSS pour une UI rapide et responsive. Backend NestJS exposé en GraphQL, persistance MongoDB. L’architecture GraphQL simplifie la récupération ciblée des données (matchs, pronostics, classement) et la mise à jour réactive de l’interface à chaque nouveau résultat.
Galerie
Résultats
- Application interne livrée et utilisée par l’équipe pour la Coupe du Monde 2026
- Saisie des pronostics et calcul des points entièrement automatisés
- Classement temps réel + questions bonus pour maintenir l’engagement sur toute la compétition
- Expérience mobile-first fluide, adoptée sans temps de formation
Un projet similaire en tête ?
Premier visuel offert sur chaque prestation — sans engagement.
