متجر الكتروني احترافي ومتجاوب

الوصف

هذا المشروع عبارة عن منصة ويب تفاعلية تعرض بيانات حية يتم جلبها من واجهة برمجية خارجية (API) بشكل لحظي، وتُبنى واجهة المستخدم بالكامل ديناميكياً بناءً على هذه البيانات — وهي نفس الآلية التقنية المستخدمة في أي متجر إلكتروني حديث لعرض المنتجات وتفاصيلها.

**اللغات والتقنيات المستخدمة:** HTML5, CSS3, Bootstrap 5, JavaScript (Vanilla JS).

**المهارات التقنية المطبقة والقابلة للتوظيف في مشاريع المتاجر الإلكترونية:**

- جلب البيانات من مصادر خارجية (API Integration)، بنفس الآلية المستخدمة في ربط أي متجر إلكتروني بقاعدة بيانات المنتجات أو بوابات الدفع.
- عرض المحتوى ديناميكياً (Dynamic Rendering)، ببناء بطاقات المنتجات/العناصر تلقائياً من البيانات دون الحاجة لكود ثابت لكل عنصر، مما يتيح التوسع لآلاف المنتجات دون تعديل يدوي.
- نظام فلترة وتصنيف، بنفس منطق فلترة المنتجات حسب النوع أو السعر أو العلامة التجارية.
- نافذة تفاصيل تفاعلية (Modal)، تعرض معلومات موسعة عن كل عنصر عند الطلب، تماماً كصفحة "تفاصيل المنتج" في أي متجر إلكتروني.
- تصميم متجاوب بالكامل، يضمن تجربة استخدام متسقة على الحاسوب والهاتف المحمول.