Online Examination System

قمت بتطوير نظام امتحانات أونلاين باستخدام 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