بورتفوليو شخصي متكامل (Full-Stack Portfolio) — Angular SSR + Node.js API

Personal Portfolio — Full-Stack Application

ده الموقع الشخصي بتاعي، صممته وبنيته بالكامل من الصفر (فرونت وباك) عشان يعرض مشاريعي وخبراتي بشكل احترافي، وكمان يبقى مثال حي على مستواي التقني للعملاء وأصحاب الشركات.

الفرونت اند بنيته بـ Angular مع تفعيل SSR (Server-Side Rendering) عشان يبقى الموقع أسرع في التحميل ومتوافق مع محركات البحث (SEO)، والتصميم عملته بـ Tailwind CSS عشان يبقى شكل موحّد وسريع التطوير.

الباك اند عملته منفصل بالكامل: REST API بـ Node.js و Express مربوط بقاعدة بيانات MongoDB عن طريق Mongoose، ومنشور (Deployed) كـ Serverless Function عشان يبقى أوفر في التكلفة وسريع الاستجابة.

عملت لوحة تحكم (Admin Dashboard) كاملة بعمليات CRUD (إضافة/تعديل/حذف) عشان أقدر أدير محتوى الموقع (المشاريع، البيانات، إلخ) بنفسي من غير ما أحتاج أعدّل في الكود في كل مرة، ومحميّة بنظام مصادقة JWT عشان محدش يقدر يدخلها غيري.

كمان اهتممت بجودة الكود، فكتبت Unit Tests بمكتبة Vitest للتأكد إن كل جزء في المشروع شغال زي ما المفروض وميتكسرش مع أي تعديل جديد.

المشروع ده بالنسبالي مش مجرد بورتفوليو، ده تطبيق Full-Stack كامل بيغطي كل حاجة من تصميم الـ Schema لحد النشر (Deployment)، وبيعكس طريقة شغلي في أي مشروع حقيقي.