قمت بتطوير نظام امتحانات أونلاين باستخدام HTML, CSS, JavaScript و Bootstrap، يتيح للمستخدمين إجراء اختبارات بطريقة تفاعلية ومنظمة مع الحفاظ على تجربة مستخدم سلسة.
مميزات المشروع:
- نظام تسجيل دخول وإنشاء حساب جديد:
- التحقق من صحة البيانات (Validation) مثل التأكد من صحة البريد الإلكتروني.
- التحقق من أن الحساب غير مسجل مسبقًا.
- تخزين بيانات المستخدم في Local Storage.
- واجهة تعليمات الامتحان: بعد تسجيل الدخول، يتم توجيه المستخدم إلى صفحة تحتوي على تعليمات الاختبار قبل البدء.
بدء الاختبار مع مؤقت (Timer):
- يبدأ العداد التنازلي بمجرد الضغط على "Start Exam".
- المستخدم يمكنه إنهاء الامتحان يدويًا في أي وقت أو الانتظار حتى انتهاء الوقت.
تقييم النتيجة:
- عند إنهاء الامتحان، يتم حساب النتيجة.
- إذا حصل المستخدم على أكثر من 50% يظهر له أنه ناجح مع عرض الدرجة.
- إذا كانت النتيجة أقل من 50% يظهر له أنه راسب مع عرض الدرجة.
انتهاء الوقت تلقائيًا:
- في حال انتهاء المؤقت قبل الضغط على "End Exam"، يتم توجيه المستخدم تلقائيًا إلى صفحة النتيجة.
ميزة "فلاج" (Flag) للأسئلة:
- المستخدم يمكنه تعليم سؤال للعودة إليه لاحقًا.
- يتم الاحتفاظ بحالة الفلاج أثناء الامتحان لسهولة التنقل بين الأسئلة المهمة.
التقنيات المستخدمة:
- HTML5
- CSS3
- JavaScript (Vanilla JS)
- Bootstrap 5
- Local Storage API
