jeu-math-enfant-svelte Svelte Themes

Jeu Math Enfant Svelte

Jeu de calcul pour enfants 🎉

Bienvenue dans le Jeu de Calcul pour Enfants !
Ce projet est une petite application web faite avec Svelte + TypeScript, pour apprendre les additions et soustractions de façon ludique.


🎯 Objectif du jeu

  • Apprendre Ă  additionner et soustraire des nombres simples.
  • S’entraĂ®ner tout en s’amusant avec des confettis quand la rĂ©ponse est juste.
  • DĂ©velopper la motricitĂ© numĂ©rique et la logique mathĂ©matique pour les enfants.

🕹️ Comment jouer

  1. Ouvre le jeu dans ton navigateur (ou double-clique sur index.html si tu as la version standalone).

  2. En haut de l’écran, tu peux changer :

    • Valeur min → le plus petit nombre possible pour les calculs
    • Valeur max → le plus grand nombre possible pour les calculs
  3. La question apparaît au centre :

  4. Tape ta réponse dans la case “Ta réponse”.

  5. Appuie sur Entrée ou clique sur Valider.

  6. Si la réponse est correcte : 🎉 des confettis apparaissent et une nouvelle question arrive.

  7. Si la réponse est incorrecte : ❌ tu peux retenter directement.

  8. Tu peux changer le symbole (+ ou -) avec le bouton “Changer symbole”.


📦 Installation et lancement

Si tu veux travailler sur le projet ou l’améliorer :

  1. Cloner le dépôt :
git clone https://github.com/tonuser/jeu-enfant-svelte.git
cd jeu-enfant-svelte
  1. Installer les dépendances :
npm install
ou
npm i

3.Lancer le mode développement :

npm run dev

4.Ouvrir le navigateur sur l’URL indiquée (ex. http://localhost:5173) et jouer !

🎨 Fonctionnalités

  • Questions alĂ©atoires en addition ou soustraction

  • EntrĂ©e clavier (touche EntrĂ©e) pour valider la rĂ©ponse

  • Reset automatique de l’input après chaque question

  • Confettis animĂ©s 🎊 pour rĂ©compenser les bonnes rĂ©ponses

  • Mobile-first et responsive

👨‍👩‍👧 Pour qui ?

  • Enfants de CP ou CE1 qui commencent Ă  apprendre les additions et soustractions.

  • Parents ou enseignants qui veulent un outil simple, ludique et interactif.

🛠️ Technologies utilisées

  • Svelte: (framework JS moderne)

  • TypeScript: (typage pour sĂ©curitĂ©)

  • CSS mobile-first pour responsive et couleurs contrastĂ©es

  • Animation des confettis avec JS natif

Top categories

Loading Svelte Themes