تفاصيل العمل

قمت بتطوير منصة Quiz متكاملة باسم QuizMaster تشمل واجهة تفاعلية للمستخدمين ولوحة تحكم قوية للمشرفين، بالإضافة إلى RESTful API آمنة وسهلة التوسّع.

? الواجهة الأمامية (Frontend – Angular 20 + Bootstrap 5)

تصميم حديث ومتجاوب بالكامل

عرض الفئات والأسئلة بشكل ديناميكي

نظام امتحانات مع حساب النتائج فورياً

صفحة Profile لعرض تقدم المستخدم وتاريخ الانضمام

إدارة حالة باستخدام Signals

Routing منظم وتجربة استخدام سلسة

?️ الواجهة الخلفية (Backend – Node.js + Express)

نظام توثيق دخول:

✔️ JWT

✔️ Google OAuth2

Role-Based Access (User / Admin)

CRUD كامل لـ:

Categories

Questions

Exams

Users

Input Validation باستخدام AJV

Error handling شامل

Password hashing وSecurity Best Practices

توثيق كامل باستخدام Swagger

?️ قاعدة البيانات (MongoDB + Mongoose)

تصميم Schema منظم وسهل التوسّع

علاقات واضحة بين الفئات والأسئلة والامتحانات

Query optimization لتحسين الأداء

? النشر (Deployment)

الواجهة الأمامية على Netlify

الواجهة الخلفية على Vercel

قاعدة البيانات على MongoDB Atlas

?‍? دوري في المشروع

تحليل المتطلبات

تصميم الـ Architecture

تطوير Frontend بالكامل

تطوير Backend API كاملة

إضافة Google Login

إعداد Swagger وAJV

اختبار جميع المسارات

نشر المشروع على الإنترنت

? التقنيات المستخدمة

Angular 20

Bootstrap 5

Node.js

Express.js

MongoDB + Mongoose

JWT

Google OAuth2

Swagger

AJV

? نتيحة المشروع

منصة كاملة تسمح للمستخدمين بحل الامتحانات وتتبع تقدمهم، وتوفر للمسؤول قدرات إدارة كاملة للكويزات، الفئات، المستخدمين، والامتحانات من خلال لوحة تحكم احترافية.