Kids Code Quiz est un site ludique destiné à initier les enfants aux bases du code informatique à travers un quiz simple, coloré et interactif. 💡 À chaque chargement de page, une anecdote amusante liée à l’univers de l’informatique est affichée pour éveiller la curiosité !
- 🎉 Affichage d’une anecdote aléatoire à chaque chargement
- 🧩 Quiz à choix multiples avec score dynamique
- 🏁 Affichage du score final à la fin du quiz
- 🔁 Navigation fluide entre les pages avec React Router
- 💾 Stockage temporaire du score via sessionStorage
- 📱 Responsive design adapté aux enfants et tablettes
- ⚛️ React
- 🧠 TypeScript
- 🎨 Tailwind CSS
- 🧭 React Router
- 💾 sessionStorage (persistance temporaire)
- 🔤 Google Fonts – Lilita One
- 🖼️ Images, illustrations et emojis adaptés à un jeune public
# 1. Cloner le projet
git clone https://github.com/votre-utilisateur/kids-code-quiz.git
cd kids-code-quiz
# 2. Installer les dépendances
npm install
# 3. Lancer le serveur de développement
npm run dev/pages → Pages principales (Accueil, Quiz, Résultat)
├── /components → Composants réutilisables (Header, Footer…)
├── /utils → Fonctions utilitaires (ex : sélection aléatoire d’anecdote)
├── main.tsx → Point d’entrée de l’application
Ce projet a été réalisé dans le cadre d’un hackathon de 48h à la Wild Code School. 🎓 Il a pour but de favoriser l’apprentissage et la découverte du code dans une ambiance bienveillante et amusante.
📌 Tous droits réservés © Kids Code Quiz