دراسة حالة لمشروع متكامل
Recap Academy
منصّة تعليم طبي يراجع فيها أطباء وصيادلة وأطباء أسنان المستقبل عبر بنوك أسئلة متخصّصة ودروس وتقدّم قائم على السلاسل اليومية.
- الدور
- مطوّر ويب متكامل
- المدة
- 4 أشهر — منشورة
- السنة
- 2024
- التقنيات
- React · Node.js · Express · MongoDB
- مباشر
- recap.academy
01 / المشكلة
طلاب الطب يراجعون من ملفات PDF متناثرة.
يستعدّ طلاب الطب والصيدلة وطب الأسنان لامتحانات مصيرية انطلاقًا من أكوام ملفات PDF غير منظّمة وتطبيقات اختبارات عامة لا تطابق برنامجهم. لم يكن هناك مكان واحد يجمع بنوك أسئلة منظّمة لكل وحدة، وتقدّمًا يبقى محفوظًا، ومحتوى مطابقًا لما يُمتحن فيه الطلاب فعلًا.
المستخدمون المستهدفون
طلاب الطب والصيدلة وطب الأسنان المستعدّون لامتحانات الوحدات والإقامة — ناطقون بالفرنسية أساسًا.
02 / الحل
مراجعة تشبه اللعبة.
منصّة منظّمة يتفرّع فيها كل تخصّص إلى وحدات ودروس وبنوك QCM، مع ملاحظات ومهام ومكتبة شخصية. السلاسل ولوحات التقدّم تجعل المراجعة اليومية عادةً لا واجبًا ثقيلًا. يقدّم Express واجهة REST لإدارة المحتوى المنظّم؛ ونموذج المستندات في MongoDB ينطبق طبيعيًا على تسلسل التخصّص ← الوحدة ← الدرس ← السؤال.
لماذا هذه التقنيات
- MongoDB — تسلسل البرنامج المتداخل على شكل مستندات
- واجهة REST بـ Express — نقاط نهاية للمحتوى والتقدّم
- React — مشغّل QCM تفاعلي ولوحات تقدّم
- Node.js — لغة واحدة عبر المنصّة كلها
03 / الميزات
ما الذي تقوم به المنصّة.
المصادقة والملفات الشخصية
حسابات طلابية مع اختيار التخصّص والسنة
محرّك QCM
بنوك أسئلة متخصّصة مع تصحيحات لكل وحدة
الدروس والملاحظات
محتوى دروس منظّم مع تدوين ملاحظات شخصية
التقدّم والسلاسل
سلاسل يومية وتتبّع إنجاز يبقى محفوظًا
لوحة التقدّم
الدروس المنتهية و QCM المنجزة وسلاسل الدراسة في لمحة
المكتبة والمهام
مكتبة شخصية وقوائم مهام للمراجعة
04 / التحديات التقنية
الأجزاء الصعبة — وكيف تجاوزتها.
نمذجة البرنامج الدراسي
التخصّصات والوحدات والدروس وأسئلة QCM وتصحيحاتها تشكّل تسلسلًا عميقًا يجب أن يبقى قابلًا للتصفّح والتعديل.
كيف حللتها
صمّمتُ نموذج مستندات بمجموعات مرجعية لكل مستوى وعدّادات غير مطبَّعة، فتُعرَض أشجار التصفّح من استعلام واحد ويحدّث محرّرو المحتوى مستوى واحدًا بأمان.
تقدّم يحفّز
تتبّع التقدّم لكل سؤال عبر آلاف أسئلة QCM دون إبطاء كل دورة إجابة.
كيف حللتها
كتابات التقدّم أحداث تُضاف فقط وتُجمَّع في عدّادات لكل وحدة؛ والسلاسل تُحسب من علامات النشاط اليومي، ما يُبقي مسار الإجابة عند كتابة مفهرسة واحدة.
05 / البنية
كيف يتكامل النظام.
REACT FRONTEND
تطبيق الطالب · إدارة المحتوى
REST API
Node.js · Express · JWT
MONGODB
البرنامج · الأسئلة · التقدّم · المستخدمون
CLOUDINARY
وسائط الدروس
خدمات خارجية
06 / لقطات الشاشة
المنتج، عن قرب.
07 / النتائج
ما الذي غيّره على أرض الواقع.
صار الطلاب يراجعون من فضاء واحد منظّم بدل مجلّدات ملفات PDF: بنوك أسئلة مطابقة لوحداتهم، وتصحيحات مرفقة، وتقدّم يبقى بين الجلسات. وحوّلت السلاسل الحشو المتقطّع إلى عادة يومية لدى الدفعة الأولى من مستخدمي المنصّة.
08 / حزمة التقنيات
بُني بهذه الأدوات.
أُطر العمل
- React
- Express.js
- Node.js
المكتبات
- Mongoose
- JWT
- React Router
- Tailwind CSS
البنية التحتية
- MongoDB Atlas
- VPS + Nginx
- SSL/TLS
- Cloudinary
09 / مساهمتي
ما الذي بنيته، تحديدًا.
- بنيتُ الواجهة البرمجية الخلفية لإدارة المحتوى المنظّم: التخصّصات والوحدات والدروس وبنوك QCM.
- طبّقتُ المصادقة ونموذج حالة المستخدم الذي يقوم عليه التقدّم والسلاسل والملاحظات والمهام.
- صمّمتُ نظام تتبّع التقدّم ونقاط نهاية بيانات لوحة التقدّم.
- طوّرتُ البنية RESTful الداعمة للتصفّح المعياري للمحتوى.