صفحة عرض تفاصيل المنتج لمتجر إلكتروني ديناميكي متكامل

في المشروع ده طورت صفحة عرض المنتجات (Product Detail Page) بشكل احترافي، والصفحة دي مش مجرد واجهة ثابتة، لكنها "Dynamic Engine" بيعرض آلاف المنتجات باستخدام كود واحد ببيانات حقيقية. أهم المميزات التقنية اللي نفذتها: جلب البيانات ديناميكياً (Dynamic Fetching): الصفحة تقرأ الـ ID الخاص بالمنتج من الرابط، وتجيب بياناته فوراً من API خارجي (MockAPI)، وده بيوفر مجهود بناء صفحات منفصلة لكل منتج. نظام المنتجات ذات الصلة (Related Products): برمجت Logic ذكي بيحلل تصنيف المنتج الحالي (Category) وبيبحث في الـ API عن منتجات من نفس النوع وبيعرضها للمستخدم، وده بيحسن تجربة التسوق وزيادة المبيعات. نظام التحقق من الهوية (Authentication Logic): ربطت زر "إضافة للسلة" بحالة تسجيل الدخول؛ لو المستخدم مش مسجل دخوله (مش موجود في الـ LocalStorage)، السيستم بيحوله لصفحة الـ Login أوتوماتيكياً. واجهة مستخدم متجاوبة (Responsive UI): التصميم مبني ب ـBootstrap مع CSS مخصص لضمان إن الصفحة تظهر بشكل مثالي على الموبايل والتابلت واللابتوب، مع الحفاظ على الألوان والخطوط الأدوات المستخدمة: JavaScript: للتحكم في كامل المنطق البرمجي (Logic). - Bootstrap &HTML& Custom CSS: لتنسيق الواجهة وضمان استجابتها. - LocalStorage: لإدارة جلسات المستخدم وبيانات سلة التسوق.