مشروع Question Box هو منصة تفاعلية قمت بتطويرها باستخدام React.js موجهة لطلاب ومهتمي تكنولوجيا المعلومات.
يهدف المشروع إلى تقديم تجربة تعليمية شاملة تجمع بين المعرفة النظرية والاختبارات العملية، مع واجهة سهلة الاستخدام وسريعة الاستجابة.
مميزات المشروع:
تخصصات متعددة: كل تخصص في مجال تكنولوجيا المعلومات له صفحة خاصة تحتوي على:
نبذة تعريفية عن التخصص.
آخر التحديثات والأخبار الخاصة بالمجال.
Roadmap تعليمي يوضح المسار المقترح لتعلم التخصص خطوة بخطوة.
الاختبارات (Quizzes):
متوفرة بثلاث مستويات: Beginner – Intermediate – Professional.
كل اختبار يحتوي على مؤقت (Timer) لمتابعة الوقت المتبقي.
بعد إنهاء الاختبار يظهر للمستخدم:
النتيجة النهائية (Score).
مراجعة شاملة للإجابات، بحيث يتم تمييز الإجابات الصحيحة والخاطئة مع إظهار الإجابة الصحيحة تحت كل سؤال.
واجهة تفاعلية Responsive: مصممة لتعمل بكفاءة على جميع الأجهزة (حاسوب – تابلت – موبايل).
️ التقنيات المستخدمة:
Frontend: React.js (مع Hooks و State Management)
Routing: React Router
التصميم: CSS3 / Tailwind CSS (للتصاميم المتجاوبة)
التخزين وإدارة البيانات: (يمكنك تذكري إذا استخدمتي Firebase أو LocalStorage)
إدارة الأسئلة والنتائج: Components منظمة لعرض الأسئلة وتتبع إجابات المستخدم