Erudizz - Plateforme de quiz de formation professionnelle

Présentation

Erudizz est une plateforme de quiz d’entraînement professionnel destinée aux apprenants de 16 ans et plus. L’application couvre des sujets techniques (développement web, SQL, Docker, Git…) et propose un parcours progressif avec trophées, historique de résultats et modes de jeu configurables.

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 pédagogique pour enfants de 8 à 14 ans est disponible sous le nom CamiLudik.

Fonctionnalités

• Quiz techniques par domaine (développement web, bases de données, DevOps…)
• 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)
• tsparticles-confetti (chargé dynamiquement)
• Service Worker (PWA)
• Python 3 (génération d’index)
• Node.js (validation des fichiers quiz)
• Déploiement: Vercel (site statique, sans build step)