Simple Language Flashcards

مرحبا اريد مشروع React تطبيق بطاقات لتعلم كلمات جديدة بلغة معينة (إنجليزي/فرنسي…). 🔹 Task 1 — إنشاء قائمة الكلمات المطلوب: Array فيها كلمات جاهزة: [ { id: 1, word: "Bonjour", meaning: "Hello" }, { id: 2, word: "Merci", meaning: "Thank you" }, { id: 3, word: "Pomme", meaning: "Apple" } ] عرض الكروت: أمام الكارت يظهر الكلمة (word) فقط. 🔹 Task 2 — قلب الكروت عند الضغط المطلوب: عند الضغط على Card: يتقلب ويظهر الـ meaning. الضغط عليه مرة أخرى → يرجع يظهر الكلمة. 🔹 Task 3 — اختبار سريع (Quiz Mode) المطلوب: زر “Start Quiz”. في وضع الاختبار: يظهر للمستخدم كلمة واحدة فقط. زر “Show Meaning”. زر “Next Word”. كل ضغطة → كلمة جديدة.