Miniature du projet Trumpcards.io Trumpcards.io

Jeu de carte en ligne 2021. Un party-game web multijoueur livré en 30 h. Jouable de 3 à 10 joueurs, avec rires garantis.

Projet personnel
Voir le projet Miniature du projet Trumpcards.io

Jeu de cartes multijoueur (2021)

Contexte. Confinements à répétition, besoin d’un jeu rapide pour garder le lien ? J’ai relevé le défi : 30 heures de dev pour livrer Trumpcards, un party-game en ligne façon “Cards Against Humanity”, jouable de 3 à 10 joueurs directement depuis le navigateur.

  • Rôle. Développeur solo — conception, back-end, front-end, base de données, déploiement.
  • Stack. Django · WebSockets · HTML / CSS / JavaScript + jQuery.
  • Résultat. Sessions temps réel synchronisées, traduction automatique des cartes via l’API Google Translate et mode “partie publique” pour lancer une table instantanément.

Le jeu est toujours jouable ici 👉 trumpcards.sylvaindendele.com.

Le projet m’a permis de creuser la gestion de la concurrence (salons parallélisés), l’internationalisation et la performance réseau — des atouts que j’applique aujourd’hui sur des produits bien plus exigeants.

Trumpcards — Accueil

Page d’accueil

Le joueur choisit un avatar, renseigne un pseudo, définit la langue de jeu puis décide de rejoindre une salle existante ou d’en créer une nouvelle.

Trumpcards — Paramètres de partie

Paramétrage de la salle

Type de room (publique ou privée), nombre de manches, durées des tours et des votes, nombre maximal de participants et langue : tout est réglable via des sliders intuitifs avant de valider la création.

Trumpcards — Lobby

Attente des joueurs

Le joueur voit qui a déjà rejoint la salle, ajuste encore les paramètres si besoin, discute dans le chat et invite ses amis avant de lancer la partie.

Trumpcards — Lancement

Compte à rebours

Un décompte animé synchronise tous les participants : la manche démarre dans 3… 2… 1 !

Trumpcards — Choix de la carte

Sélection de carte

Le joueur parcourt sa main et choisit la carte la plus drôle pour compléter la phrase affichée en haut de l’écran, dans le temps imparti.

Trumpcards — Phase de vote

Vote

Une fois les propositions révélées anonymement, chaque joueur vote pour la combinaison qu’il trouve la plus hilarante – le suspense est à son comble.

Trumpcards — Classement du tour

Tableau des scores

Fin de manche : le classement s’actualise instantanément, mettant en avant le joueur qui a récolté le plus de votes avant de passer à la phrase suivante.