Pouvoir imprimer des questions sous forme de cartes

[raphodn]

Essayer de faire une v1 simple pour voir le rendu

Idées en vrac :

• question d'un coté, réponse de l'autre
• QR code pour faire le lien avec la question sur l'application ?

[bguivarch]

Voici mes avancées sur le sujet (sur la branch carteAjouer)

Point de départ: Je suis parti du principe que si j'avais les cartes au format HTML j'arriverais à les extraire en image ou pdf assez facilement (il existe pas mal d'outils pour le faire)

J'ai donc fait plusieurs composants (card, cardRecto, cardVerso) avec des design relativement proche de ce qu'on avait dit dans Slack.

Pour le QRcode, j'ai mis de côté pour le moment, je pense que ce sera assez simple.

Il reste quelques trucs à valider:

• [x] On peut bien créer une fichier "imprimable" (png, jpg ou pdf) à partir de ma div => Je fais des images on peut améliorer l'UX et si besoin les uploader sur S3 ou cloudinary pour renvoyer l'url publique.
• [ ] Gérer la pagination sur les fichier de print
• [ ] Gérer le design très évolutif des questions (cf questions plus bas)
• [ ] Gérer le QR code avec la redirection
• [ ] Créer la page d'explication (lien du QR code) ou il faut afficher directement la réponse
• [ ] Gérer les couleurs par catégories (très simple)

questions

• Comment gérer les questions qui sont trop longues
• Comment gérer les réponses qui sont trop longues
• Comment gérer les explications de réponse qui sont trop longues

On a plusieurs options:

• diminuer la taille de la typo pour que ça rentre dans l'espace limité
• faire des carte de taille différentes (pas très pratique si on veut en faire un vrai jeu)
• ré écrire les questions/réponses trop longue (on peut faire tourner un script pour mettre en avant seulement les questions qui sont problématiques je pense)

Exemples de bugs créés: Question trop longue et explication trop longue

Réponses trop longues