تصميم وتطوير موقع Portfolio شخصي متكامل باستخدام Angular وNode.js وMongoDB

تصميم وتطوير موقع Portfolio شخصي متكامل (Full-Stack) لعرض المهارات والمشاريع والخبرات بطريقة منظمة واحترافية، مع لوحة تحكم خاصة بصاحب الموقع لإدارة المحتوى بسهولة بدون الحاجة لتعديل الكود.

يركز المشروع على تقديم تجربة استخدام واضحة، وتنظيم المحتوى في صفحات مستقلة بحيث يستطيع الزائر التعرف على صاحب الموقع ومشاهدة أعماله والوصول إلى معلومات التواصل بسهولة، مع بيانات ديناميكية يتم جلبها من قاعدة بيانات عبر REST API.

الخصائص الأساسية:

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

• عرض المهارات والمشاريع والخبرات العملية بشكل ديناميكي من قاعدة البيانات.

• لوحة تحكم (Admin Dashboard) لإضافة وتعديل وحذف المشاريع والمهارات والخبرات والملف الشخصي.

• نظام تسجيل دخول آمن للمسؤول باستخدام JWT وتشفير كلمة المرور باستخدام bcrypt، مع حماية صفحات الإدارة باستخدام Route Guard وHTTP Interceptor.

• بناء REST API باستخدام Node.js وExpress وربطها بقاعدة بيانات MongoDB عن طريق Mongoose.

• استخدام Angular لبناء واجهة الموقع بنظام Components وServices قابلة لإعادة الاستخدام.

• فصل واضح بين الـ Frontend والـ Backend لسهولة الصيانة والتطوير.

التقنيات المستخدمة: Angular، TypeScript، HTML، CSS، Node.js، Express.js، MongoDB، Mongoose، JWT، bcrypt.

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