Please build a Duolingo-inspired, colorful, modern, interactive, and responsive web application using React, Lucide Icons, Framer Motion, and Tailwind CSS for learning and practicing Turkish paragraph vocabulary.
CRITICAL REQUIREMENTS:
- All UI text, buttons, titles, instructions, and feedback MUST BE IN TURKISH.
- DO NOT INCLUDE a Hearts / Life system (Can sistemi olmasın). Users should have unlimited attempts, stress-free learning, and infinite tries without losing hearts.
UI & Visual Design (Duolingo Style):
- Vibrant, clean Duolingo-like aesthetic (rounded cards, bold colorful action buttons, sound effects toggle, progress bars, streaks, XP points, and friendly gamification elements).
- Dark / Light mode toggle.
- Top Header: Navigation bar with "📖 Öğren" (Learn), "🎯 Pratik Yap" (Practice), XP Counter, and Streak Counter.
Application Sections & Features:
- 📖 "Öğren" (Learn) Tab:
- Interactive 3D Flashcards (Flaş Kartlar): Cards flip smoothly to show word on front and meaning on back.
- Search & Filter: Instant search input to find specific words and A-Z alphabetical index filters.
- Layout Toggle: Switch between "Kart Görünümü" (Card View) and "Liste Görünümleri" (Table View).
- 🎯 "Pratik Yap" (Practice) Tab (Gamified Lessons - Unlimited Hearts):
- Interactive Lesson Mode: Progress bar showing lesson percentage (e.g., Question 3/10).
- Question Types:
- Multiple Choice: Word -> Select correct Meaning (with colorful option cards).
- Multiple Choice: Meaning -> Select correct Word.
- Word Matching (Eşleştirme Oyunu): Click left column word, click right column matching meaning.
- Immediate Gamified Feedback:
- Correct: Green banner at bottom with "Tebrikler! Doğru Cevap! 🎉", add XP points (+10 XP).
- Incorrect: Soft red banner at bottom showing "Tekrar Dene! Doğru Anlamı: ...", allow immediate retry without losing any hearts or life points.
- End of Quiz Screen: Confetti animation, Total XP Earned, Accuracy Percentage, and a "Tekrar Oyna" (Play Again) button.
- Dataset to Embed (Use this exact JSON array):
[
{"kelime": "Azımsamak", "anlam": "Az bulmak, miktarca az görmek"},
{"kelime": "Öykünme", "anlam": "Taklit etmek"},
{"kelime": "Duyumsamak", "anlam": "Algılama, hissetme"},
{"kelime": "Ahde vefa", "anlam": "Sözünde durma"},
{"kelime": "Avangart", "anlam": "Gösterişli, öncü"},
{"kelime": "Direngen", "anlam": "Aksi, inat"},
{"kelime": "Enikonu", "anlam": "İyiden iyiye, iyice"},
{"kelime": "İlinti", "anlam": "İlişki, bağ"},
{"kelime": "Yeğlemek", "anlam": "Tercih etmek"},
{"kelime": "İntiba", "anlam": "Etki, izlenim"},
{"kelime": "Şecere", "anlam": "Soyağacı"},
{"kelime": "Peyderpey", "anlam": "Azar azar, derece derece"},
{"kelime": "Çetrefilli", "anlam": "Anlaşılması güç, karmaşık"},
{"kelime": "Aklıselim", "anlam": "Doğru, akla uygun hareket eden"},
{"kelime": "Kanı", "anlam": "Kesin olmayan yargı, düşünce"},
{"kelime": "Basmakalıp", "anlam": "Özgün olmayan, klişe, sıradan"},
{"kelime": "Yeti", "anlam": "Yapabilme yeteneği"},
{"kelime": "Ağdalı", "anlam": "Anlaşılması güç, ağır dil"},
{"kelime": "Yazın", "anlam": "Edebiyat"},
{"kelime": "Reva görmek", "anlam": "Uygun görmek"},
{"kelime": "Beyanat", "anlam": "Açıklama, demeç"},
{"kelime": "Günce", "anlam": "Günlük"},
{"kelime": "Dejenere etmek", "anlam": "Yozlaştırmak"},
{"kelime": "Devinim", "anlam": "Hareket"},
{"kelime": "Salt", "anlam": "Mutlak, yalnızca"},
{"kelime": "İroni", "anlam": "Alay etme"},
{"kelime": "Dikte etmek", "anlam": "Zorlamak, kabul ettirmek"},
{"kelime": "Kanıksamak", "anlam": "Alışmak, kanıksamak"},
{"kelime": "Bürlenmek / Babürlenmek", "anlam": "Kabarmak, gururlanmak"},
{"kelime": "Gereksinim", "anlam": "İhtiyaç"},
{"kelime": "Aktüel", "anlam": "Güncel"},
{"kelime": "Çağrışım", "anlam": "Hatırlatma"},
{"kelime": "Biçem", "anlam": "Üslup, anlatış tarzı"},
{"kelime": "Sav", "anlam": "İddia, tez, atasözü"},
{"kelime": "Payanda", "anlam": "Dayanak, destek"},
{"kelime": "Dingin", "anlam": "Sakin, durgun"},
{"kelime": "Fantastik", "anlam": "Hayali"},
{"kelime": "Düşünsel", "anlam": "Fikirsel"},
{"kelime": "İhtiras", "anlam": "Tutku"},
{"kelime": "Zanaat", "anlam": "El ustalığı gerektiren işler"},
{"kelime": "Didaktik", "anlam": "Öğretici"},
{"kelime": "Sağduyu", "anlam": "Akla uygun yargı"},
{"kelime": "Bezgin", "anlam": "Yaşama isteği olmaması, bıkkın"},
{"kelime": "Alaturka", "anlam": "Eski, geleneksel Türk tarzı"},
{"kelime": "Burjuva", "anlam": "Ayrıcalıklı sınıf"},
{"kelime": "Öbek", "anlam": "Grup, küme"},
{"kelime": "Göreceli", "anlam": "Kişiden kişiye değişen (öznel)"},
{"kelime": "Bulgu", "anlam": "Bilimsel sonuç"},
{"kelime": "Varsayım", "anlam": "Hipotez, teorik düşünce"},
{"kelime": "Adaptasyon", "anlam": "Uyarlama"},
{"kelime": "Bağdaşmak", "anlam": "Uyuşmak"},
{"kelime": "Banal", "anlam": "Sıradan, basit"},
{"kelime": "Erek", "anlam": "Amaç, hedef"},
{"kelime": "Fonetik", "anlam": "Ses bilgisi"},
{"kelime": "İşlev", "anlam": "Görev, fonksiyon"},
{"kelime": "İvedi", "anlam": "Acele, acil"},
{"kelime": "Realite", "anlam": "Gerçeklik"}
]