Mind Spark with HTML,CSS,JS

وصف المشروع: Quiz App

تطبيق اختبارات تفاعلية (Quiz App) تم تصميمه وتطويره باستخدام HTML، CSS، وJavaScript بالاعتماد على البرمجة كائنية التوجه (OOP) لتوفير هيكل منظم وسهل التطوير. يتيح للمستخدمين تسجيل الدخول بسهولة باستخدام حساب Google عبر Google Cloud أو عبر البريد الإلكتروني، ثم اختيار نوع الاختبار الذي يرغبون فيه.

الميزات الرئيسية:

تسجيل الدخول باستخدام Google Cloud:

يسمح للمستخدمين بتسجيل الدخول بسرعة وأمان باستخدام حساب Google، مع إمكانية الدخول بالبريد الإلكتروني أيضًا.

? اختيار الإعدادات:

قبل بدء الاختبار، يمكن للمستخدم تحديد الفئة (Category)، درجة الصعوبة (Difficulty)، ونوع الأسئلة (Question Type).

? نظام اختبارات تفاعلي:

يعتمد التطبيق على API خارجي لجلب الأسئلة في الوقت الحقيقي، مما يجعل كل تجربة اختبار فريدة.

واجهة سريعة وسلسة:

تصميم عصري بسيط وسهل الاستخدام، مع انتقالات مرنة وتأثيرات تفاعلية خفيفة.

? البرمجة الكائنية (OOP):

الكود منظم باستخدام Classes وObjects لتسهيل إدارة البيانات، الأسئلة، وحساب النتائج.

نظام النتائج:

بعد انتهاء الاختبار، تظهر صفحة النتائج توضح عدد الإجابات الصحيحة والنقاط، مع خيار لإعادة المحاولة أو مشاركة النتيجة.

تصميم متجاوب (Responsive Design):

يعمل التطبيق بسلاسة على شاشات الحواسيب والهواتف المحمولة.

️ التقنيات المستخدمة:

HTML5 – لبناء هيكل الصفحات.

CSS3 – لتنسيق الواجهة والتصميم التفاعلي.

JavaScript (OOP) – لإدارة المنطق البرمجي والتعامل مع البيانات.

Google Cloud Authentication – لتسجيل الدخول الآمن عبر حساب Google.

Fetch API – لجلب الأسئلة من مصدر خارجي.