à rendre le 11 juin 2025

Équipe : Sofiane et Esther

Type de quiz : développement web et sur la bienveillance
Durée : 20 minutes Nombres de question : 40 minutes Titre : La quête du code Promesse : un trivial Pursuit 100% Bienveillant, le jeu qui compile fun, savoir et entraide ! (à reprendre plus tard) thème abordée : Allier développement web, bienveillance... et une pincée d'humour pour un code qui fait sourire ! les règles du jeu :

🎲 Exemple de titre : "Trivial Dev : le quiz bienveillant du web"

📜 Règles bienveillantes pour le quiz :

1. Pas besoin d’être un·e expert·e
   👉 Ce quiz est un moment de partage, pas un test de performance. L’objectif est de s’amuser, pas de se juger.

2. Droit à l’erreur = droit d’apprendre
   👉 Chaque mauvaise réponse est une opportunité d’apprendre quelque chose de nouveau (et parfois drôle).

3. On joue pour le fun, pas pour la compète (sauf si tout le monde veut)
   👉 L’esprit est collaboratif. Si vous préférez coopérer au lieu de vous affronter, c’est totalement encouragé.

4. Les réponses "presque bonnes" sont bienvenues
   👉 On valorise la réflexion, même approximative. Une idée pas tout à fait juste peut ouvrir un débat intéressant.

5. Respect et écoute avant tout
   👉 Pas de moqueries, pas de "tu savais pas ça ?". Chacun·e a son parcours et ses connaissances.

6. Aide possible entre participant·es
   👉 Vous pouvez discuter, donner des indices (gentils), voire répondre ensemble si vous en avez envie.

7. Bonus bienveillance
   👉 Donne une bonne réponse ET fais un compliment sincère à un·e autre joueur·se ? +1 point bonus ❤️

Tu as déjà un titre préféré parmi ceux proposés ou tu veux que je parte d’un autre ?

1. 👉 Pour ton application, tu peux adapter ça avec des catégories dev web comme :

   • Bleu : HTML & CSS

   • Jaune : JavaScript

   • Vert : Backend & API

   • Rose : Accessibilité & UX

   • Orange : Culture tech & Web éthique

   • Violet : Fun facts & Communauté

2. Tour par tour :
   Chaque joueur·se joue à son tour, répond à une question de la catégorie où il/elle tombe.

   • Si la réponse est correcte : le joueur peut rejouer (ou gagne un triangle s’il/elle est sur une "case triangle").

   • Si la réponse est fausse : au joueur suivant.

3. Case triangle :
   Quand on tombe sur une case spéciale (camembert), et qu’on répond correctement, on gagne un triangle de la couleur correspondante.

4. Fin du jeu :
   Quand un joueur·se a collecté les 6 triangles, il/elle va au centre du plateau pour répondre à une question finale. S’il/elle répond juste, il/elle gagne la partie.

2. Github :Donner accès en tant que collaborateur (pour un dépôt privé)**

Si je souhaite travailler sur un dépôt privé et que je souhaite permettre à ma collègue Esther de contribuer je dois l'ajouter en tant que collaboratrice

Voici comment faire :

1. Je dois aller sur la page Github.

2. il faut cliquer sur Settings (en haut à droite de la page du dépôt).

3. Dans la barre latérale gauche, je dois sélectionner Manage access.

4. Cliquez sur le bouton Invite a collaborator.

5. Tapez le nom d’utilisateur GitHub D'Eshter avec laquelle je souhaite partager le projet.

6. Cliquez sur Add collaborator.

Ma collègue Esther recevra une invitation à accepter, et une fois accepté, elle pourra accéder au dépôt et y apporter des modifications.

3. Forker le dépôt

Pour que ma collègue Esther puisse avoir sa propre copie du projet et y apporter des modifications sans affecter l'original, je peux lui demander de forker le dépôt

• Sur la page de mon dépôt, Esther peut cliquer sur le bouton Fork en haut à droite.

• Cela créera une copie de notre projet dans son propre compte GitHub. Elle pourra travailler dessus de manière indépendante et soumettre des pull requests pour proposer des modifications sur le dépôt original.

les polices : RougeScript, Dynapuff

les couleurs que l'on utilisera :

• vert foncé : #006400
• bleu nuit : #191970
• blanc : #FFFFFF
• doré : #B3A500

Pour la constructions des pages, pour la page d'accueil : il faudra le titre "La quête du code", avec le logo en haut à gauche. la promesse au centre de la page et le menu burger en haut à droite.

pour les thèmes abordées : il faudra cliquer sur le bouton menu dans lequel il affichera les thèmes abordées.