قمت بتطوير منصة 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
? نتيحة المشروع
منصة كاملة تسمح للمستخدمين بحل الامتحانات وتتبع تقدمهم، وتوفر للمسؤول قدرات إدارة كاملة للكويزات، الفئات، المستخدمين، والامتحانات من خلال لوحة تحكم احترافية.