Sites & plateformesOpen sourceEn ligne

chantier-3-lettres

đŸ‘· 9 questions, 3 lettres, 1 verdict : quel artisan du BTP es-tu ? Quiz viral avec carte de partage.

HTML

chantier-3-lettres

README du dépÎt

đŸ‘· Ton chantier en 3 lettres

9 questions. 3 lettres. 1 verdict sans appel : quel artisan du BTP sommeille en toi ?

👉 Faire le test

Aperçu

Le principe

Comme un test de personnalité, mais avec des parpaings. Trois axes, deux lettres possibles chacun :

AxeLettre ALettre B
OĂč tu bossesH — HauteurS — Sol
Comment tu bossesP — PrĂ©cisionF — Force
Avec qui tu bossesL — Loup solitaireE — Équipe

Ce qui donne 8 profils :

CodeProfil
HPL🩅 ZingueurL'orfùvre des toits
HPEđŸ›Ąïž ÉtancheurLe gardien des terrasses
HFL🐐 CouvreurL'acrobate des tuiles
HFEđŸȘ“ CharpentierLe bĂątisseur de squelettes
SPL⚡ ÉlectricienLe sorcier des fils
SPE🔧 Plombier-chauffagisteLe maütre des flux
SFL🚜 TerrassierLe pilote de la terre
SFEđŸ§± MaçonLe pilier de l'Ă©quipe

Chaque rĂ©sultat a son super-pouvoir, son point faible, son binĂŽme idĂ©al et son ennemi jurĂ©. À la fin, l'app gĂ©nĂšre une carte image Ă  partager (WhatsApp, Facebook, LinkedIn, ou partage natif sur mobile) et un lien qui dĂ©fie tes collĂšgues.

Technique

  • Un seul fichier index.html : HTML + CSS + JS, zĂ©ro dĂ©pendance, zĂ©ro build, zĂ©ro serveur.
  • Carte de partage dessinĂ©e en <canvas> (1080×1350, format story/post).
  • Classement en direct : un simple compteur anonyme par profil (+1 au rĂ©sultat, une fois par navigateur) via Abacus. Aucune donnĂ©e personnelle.
  • HĂ©bergĂ© gratuitement sur GitHub Pages.

Lancer en local

Ouvre index.html dans ton navigateur. C'est tout.

Ajouter / modifier une question

Tout est dans les tableaux Q (questions) et P (profils) en haut du script. Chaque axe doit garder 3 questions et chaque réponse vaut ±1 ou ±2.

Licence

MIT — fais-en ce que tu veux, et si tu en fais une version pour ton mĂ©tier, envoie le lien !


Fait avec 🧡 et un niveau Ă  bulle · Gestion de chantiers : RoofPilot