CamiLudik - Quiz pédagogiques pour enfants

Présentation

CamiLudik est une plateforme de quiz pédagogiques destinée aux enfants de 8 à 14 ans. L’application propose des quiz sur des matières scolaires et des sujets variés, avec un système de trophées, un historique de résultats et des options de jeu configurables (temps par question, mode libre ou normal).

Le projet est issu d’EZ-Job, un projet initial qui a évolué en deux produits distincts selon le public cible. Le design et l’identité visuelle ont été conçus par Chloé Martin, stagiaire en Design Graphique à l’ESDAC Marseille. Le développement technique est assuré par Alternative RVB.

La version professionnelle pour adultes est disponible sous le nom Erudizz.

Fonctionnalités

• Quiz interactifs par matière et niveau scolaire
• Modes de jeu : réponses visibles (mode normal) ou révélation automatique (mode libre)
• Temps par question configurable (5, 10, 15 ou 20 secondes)
• Système de trophées et historique des résultats
• Recherche et filtres par catégorie et niveau
• Profil joueur persistant (localStorage)

Architecture technique

Le frontend est entièrement en Vanilla JavaScript ES6+ (modules, classes, async/await), sans framework. Le code s’organise autour de patterns Singleton pour les modules transversaux (config, état, joueur) et de patterns Manager pour la logique métier (quiz, résultats, trophées). La communication entre modules passe par des callbacks, sans bus d’événements global.

Les données quiz sont des fichiers JSON statiques. Un script Python (api.py) génère l’index des quiz automatiquement. Un script Node.js (validate-quiz.js) valide la structure des fichiers avant publication.

L’application est une PWA avec Service Worker (stratégies Cache First, Network First et Stale-While-Revalidate selon les ressources).

Stack

• Vanilla JavaScript ES6+ (modules, classes, async/await)
• Tailwind CSS v3 (CDN) + feuilles CSS complémentaires
• Bootstrap Icons (CDN)
• Service Worker (PWA)
• Python 3 (génération d’index)
• Node.js (validation des fichiers quiz)
• Déploiement: Vercel (site statique, sans build step)