🔢 Number Learning App

A toddler-friendly web application designed to help young children learn numbers through interactive games.

Features

• 🎮 Three Difficulty Levels:

  • Easy: Numbers 0-10
  • Medium: Numbers 11-100
  • Hard: Numbers 101-1000

• 🗣️ Bilingual Support:

  • English pronunciation
  • Hungarian (Magyar) pronunciation
  • Uses Web Speech API for accurate number pronunciation

• 🎯 Interactive Learning:

  • Listen to a number being read aloud
  • Choose the correct number from 3 options
  • Instant feedback with visual cues
  • Score tracking to monitor progress

• 🎨 Toddler-Friendly Design:

  • Colorful, engaging interface
  • Large, easy-to-tap buttons
  • Simple navigation
  • Fun animations and emojis

How to Play

1. Choose Your Language: Select either English or Hungarian
2. Pick a Difficulty: Choose between Easy (0-10), Medium (11-100), or Hard (101-1000)
3. Start the Game: Click "Start Game"
4. Listen: The app will read a number aloud
5. Guess: Tap the correct number from the three options shown
6. Learn: Get instant feedback and move on to the next number!

Live Demo

Visit the app at: https://nubianlachlan.github.io/number-learning-app/

Technical Details

• Pure HTML/CSS/JavaScript: No dependencies required
• Web Speech API: Built-in browser support for text-to-speech in multiple languages
• Responsive Design: Works on desktop, tablet, and mobile devices
• GitHub Pages Compatible: Easy deployment

Browser Compatibility

The app works best on modern browsers that support the Web Speech API:

• Google Chrome (recommended)
• Microsoft Edge
• Safari
• Opera

Note: Firefox has limited Web Speech API support and may not work properly.

Local Development

To run locally:

1. Clone this repository
2. Open index.html in a modern web browser
3. Start playing!

No build process or dependencies required.

Deployment

The app is automatically deployed via GitHub Pages. Any changes pushed to the main branch will be reflected on the live site.

License

MIT License - Feel free to use and modify for your own educational purposes!