← Retour aux projets
Projet

Matchup Mentor

Année : 2025

NextJSReactExpress

À propos de ce projet

L’intelligence artificielle est de plus en plus accessible et s’invite désormais dans les outils du quotidien, y compris dans les jeux vidéo. Dans le monde compétitif multijoueur de League of Legends, comprendre ses affrontements (matchups) est essentiel pour gagner et progresser. C’est ce constat qui m’a amené à créer Matchup Mentor, un projet personnel d'application web générant des conseils personnalisés par IA pour anticiper les adversaires et comprendre les duels.

Le concept est simple : l’utilisateur saisit les deux personnages (appelés champions), le sien et celui de son vis-à-vis, concernés par un affrontement. L’application interroge un modèle d’IA (via API) qui génère, une analyse stratégique du matchup (forces, faiblesses), des recommandations de gameplay personnalisées et un résumé clair pour les joueurs souhaitant progresser.

Architecture technique du projet

  • Frontend : Next.js pour l’interface utilisateur (formulaire, affichage des résultats, responsive design).
  • Backend : Node.js / Express gérant la logique d’appel à l’API d’IA.
  • API externe : modèle de génération de texte Google Gemini AI.
  • Déploiement : hébergement sur Vercel.
  • Sécurité : gestion des clés API, validation des entrées utilisateur.

Les défis techniques rencontrés

  • Choix d’un modèle IA sans restriction.
  • Gestion du temps de réponse de l’IA et optimisation des requêtes.
  • Filtrage des réponses incohérentes ou trop longues.
  • Structuration du prompt pour garantir la cohérence des conseils.
  • Mise en forme et UX/UI pour rendre les résultats lisibles et agréables.

Ce projet m’a appris à intégrer efficacement un modèle d’IA dans une architecture web existante, à accorder de l'importance au prompt comme une “interface” entre l’humain et la machine et plus largement, à comprendre que l’IA peut enrichir une application sans la complexifier pour l’utilisateur. Cela m’a permis de concrétiser ma vision de d'elle comme un outil d’aide à la décision au service de l’utilisateur.

L’avenir du développement web passera par des interfaces augmentées, capables de raisonner, expliquer, et s’adapter. Ce type de projet m’encourage à poursuivre dans la conception de solutions où l’intelligence artificielle amplifie la valeur du produit, sans alourdir l’expérience utilisateur.

Galerie

screenshot-matchup-mentor

Stack Technique

NextJS

React

Express

Vous avez un projet similaire ?