العودة للأعمال →عبدالعزيز السويلم / معرض الأعمالتصوير
مطور Full-stackمنتج تعليمي متكامل2025

SkillMap

أداة لبناء مسارات تعلم بقوالب قابلة لإعادة الاستخدام ومشاركة مجتمعية وتحديات تعليمية.

التقنيات
Next.js / Spring Boot / H2 / PostgreSQL / Docker
الروابط

مساهمتي

نطاق مساهمتي
عملت على واجهة Next.js وبنية المنتج في Spring Boot.
سياق الفريق
طُور المشروع ضمن فريق من ثلاثة أشخاص.
ما تم تسليمه
شمل عملي مسارات التعلم القابلة لإعادة الاستخدام وتصفح المجتمع وتنفيذ أنماط التصميم الموثقة.
الملكية التقنية
شمل عملي التقني واجهة Next.js وبنية Spring Boot وأنماط Builder وFactory وObserver الموثقة في المستودع.
3أعضاء الفريق
3أنماط GoF
2أنماط التشغيل
SkillMap معاينة واجهة
01 / نموذج المنتج

مسارات التعلم تتحول إلى عناصر قابلة لإعادة الاستخدام.

ينظم SkillMap التعلم حول مسارات بدل الروابط المتفرقة. يمكن إنشاء المسار وإعادة استخدامه كقالب ومشاركته مع متعلمين آخرين وربطه بتحديات تجعل الخطة قابلة للتنفيذ.

02 / البنية التقنية

يفصل المنتج مسؤوليات الواجهة والـ API والبيانات بوضوح.

تتولى Next.js 16 وReact 19 واجهة المنتج بينما يدير Spring Boot 3 واجهة REST API. تعمل الخلفية محليًا على H2 دون إعداد إضافي، أو على PostgreSQL 15 من خلال Docker Compose.

03 / إعادة الاستخدام

القوالب تقلل تكلفة البدء من الصفر.

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

04 / الأنماط الهندسية

أنماط Builder وFactory وObserver لها أدوار عملية واضحة.

تستخدم خلفية Java نمط Builder لبناء المسارات، وFactory لتجميع منطق إنشائها، وObserver لتشغيل أحداث النشاط والتدقيق. يوثق المستودع الأنماط الثلاثة ويتضمن اختبارات JUnit وSpring Boot.

المشروع التاليإعادة تصميم ODUS Plus ↗