Skip to content

Marina-404/KIDS-QUIZ

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧠 Kids Code Quiz

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é !


🚀 Fonctionnalités

  • 🎉 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

🛠️ Technologies utilisées

  • ⚛️ React
  • 🧠 TypeScript
  • 🎨 Tailwind CSS
  • 🧭 React Router
  • 💾 sessionStorage (persistance temporaire)
  • 🔤 Google Fonts – Lilita One
  • 🖼️ Images, illustrations et emojis adaptés à un jeune public

⚙️ Installation

# 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

📂 Structure du projet

/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

📝 Licence

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


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •