Okul öncesi çocuklar (4-6 yaş) için İngilizce hayvan eşleştirme oyunu. Çocuk bir ses butonuna basar, İngilizce hayvan adını duyar ve doğru hayvan görseliyle eşleştirir.

1. Sağdaki bir 🔊 ses butonuna dokun → İngilizce kelime seslendirilir (ör. "Dog").
2. Soldaki doğru hayvan görseline dokun (veya ses butonunu hayvanın üzerine sürükle-bırak).
3. Doğru ise: alkış 👏, parlayan yıldız ⭐, konfeti 🎊, "Great Job!" ve yeşil çerçeve.
4. Yanlış ise: komik "Daaat!" sesi, kısa kırmızı çerçeve — puan kaybı yok, tekrar dene!
5. Tüm 10 hayvan eşleşince büyük kutlama ekranı açılır: konfeti yağar, alkış çalar, "You Did It!" seslendirilir.

Dog, Cat, Bird, Rabbit, Fish, Horse, Cow, Sheep, Duck, Elephant

• 🔊 Gerçek seslendirme — Web Speech API ile İngilizce telaffuz.
• 🎵 Ses efektleri — alkış, yıldız, buzzer ve kutlama sesleri tamamen tarayıcıda üretilir (harici dosya yok).
• 🎊 Konfeti & yıldız animasyonları — saf CSS/React.
• 👆 Dokunmatik uyumlu — büyük butonlar, hem tıklama hem sürükle-bırak.
• 🌈 Çok renkli ve eğlenceli — okul öncesi çocukların tek başına oynayabileceği basitlikte.

Not: Ses için tarayıcının açık olması ve ilk dokunuşla ses izninin verilmesi gerekir. En iyi sonuç için Chrome/Safari kullanın.

Rendering mermaid diagram...

index.ts                       ← Hono backend (frontend'i servis eder)
frontend/
  index.html                   ← HTML shell (Twind + animasyonlar)
  index.tsx                    ← React giriş noktası
  components/
    App.tsx                    ← Oyun mantığı + düzen
    AnimalCard.tsx             ← Sol taraf hayvan görselleri
    SoundButton.tsx            ← Sağ taraf yazısız ses butonları
    Confetti.tsx               ← Konfeti efekti
    WinScreen.tsx              ← Oyun sonu kutlama ekranı
    animals.ts                 ← Hayvan verileri (kelime + emoji)
    sound.ts                   ← Seslendirme + ses efektleri