لعبة Quiz تفاعلية (“أدها ولا لأ؟”) باستخدام React
فكرة المشروع:
لعبة Quiz تفاعلية باسم “أدهى ولا لأ؟” تهدف لاختبار معلومات المستخدم في عدة مجالات بطريقة ممتعة وسريعة.
اللعبة مبنية باستخدام React مع واجهة أنيقة تعتمد على Tailwind CSS وFlowbite React، وتتميز بتجربة استخدام سلسة ورسوميات جذابة.
مميزات اللعبة:
? عدة فئات للأسئلة: أفلام – رياضة – حيوانات – عامة.
⏱ مؤقت زمني لكل سؤال.
تعليق فوري بعد كل إجابة صحيحة أو خاطئة.
نافذة نهائية للنتيجة برسالة مخصصة حسب الأداء.
تخزين سجل اللاعبين بالأسماء والنتائج.
إمكانية إعادة اللعب في أي وقت.
أنيميشن احترافي باستخدام Framer Motion.
التقنيات المستخدمة:
التقنيةالاستخدام
Reactبناء الواجهة الأمامية
Tailwind CSSتنسيق التصميم
Flowbite Reactمكونات جاهزة جميلة
React Routerالتنقل بين الصفحات
Framer Motionالحركات والانتقالات
Context APIإدارة الحالة العامة
localStorageحفظ بيانات المستخدم