نبذة عن المشروع
قمت بتطوير منصة البورتفوليو الشخصية الخاصة بي من الصفر بالكامل، وهي منصة متكاملة تجمع بين موقع عرض احترافي ولوحة تحكم CMS متقدمة ومساعد ذكي بالذكاء الاصطناعي وتحليلات لحظية وتكامل مع منصات التواصل الاجتماعي.
صُمِّمت المنصة لعرض مشاريعي وخبراتي ومهاراتي بشكل احترافي مع توفير نظام إدارة محتوى متكامل يتيح التحكم الكامل في جميع أجزاء الموقع من لوحة تحكم واحدة.
أبرز المميزات
- نظام CMS متكامل لإدارة المشاريع والمدونات والخبرات والمهارات والخدمات
- مساعد ذكي بالذكاء الاصطناعي مع دعم متعدد النماذج عبر OpenRouter API
- تحليلات لحظية للزوار وصفحات العرض عبر Socket.IO
- نظام RBAC متقدم لإدارة الأدوار والصلاحيات
- تكامل مع GitHub لاستيراد بيانات المستودعات
- تكامل مع LinkedIn لاستيراد المنشورات وتحويلها لمدونات باستخدام الذكاء الاصطناعي
- نظام مدونات كامل مع دعم الترجمة ومعاينة الصور
- إشعارات Web Push عبر VAPID Protocol
- نظام نسخ احتياطي واستعادة لقاعدة البيانات
- Prometheus Metrics لمراقبة الأداء
- نظام Webhooks مخصص للتكامل مع الأنظمة الخارجية
- تحسين شامل للـ SEO مع Schema Markup وOG Images
- معالجة وضغط الصور تلقائيًا عبر Sharp وCloudinary
- نظام تتبع الزوار الجغرافي باستخدام GeoIP
- دعم كامل للغتين العربية والإنجليزية في جميع المحتوى
بنية النظام
يتكون المشروع من جزأين: Backend مبني على Node.js وExpress.js وMongoDB وRedis، وFrontend مبني على Next.js 16 وReact 19 وTailwind CSS 4.
يعتمد النظام على Event-Driven Architecture مع Repository Pattern وFactory Pattern Handlers مما يجعل الكود منظمًا وقابلًا للتوسع بسهولة.
الأمان والأداء
يشتمل النظام على Helmet Security Headers وRate Limiting عبر Redis وHTML Sanitization وSentry لتتبع الأخطاء في الإنتاج، مع Graceful Shutdown لضمان الاستقرار.
التقنيات المستخدمة
تم بناء المشروع باستخدام Node.js وExpress.js وMongoDB وRedis وSocket.IO في الـ Backend، وNext.js وReact 19 وTailwind CSS 4 وFramer Motion وGSAP في الـ Frontend.
هذا المشروع يمثل خلاصة خبرتي التقنية ويعكس قدرتي على بناء أنظمة Full Stack متكاملة وعالية الأداء من الصفر.