عرض منتجات ديناميكية باستخدام Dummy JSON API

تكامل مع API لعرض منتجات (Dummy JSON)

في هذا المشروع، قمت بإنشاء واجهة مستخدم تفاعلية باستخدام HTML وCSS وJavaScript، وربطتها بمصدر بيانات خارجي (Dummy JSON API) لعرض مجموعة من المنتجات بشكل ديناميكي.

تفاصيل المشروع:

جلب البيانات (fetch) من API يحتوي على منتجات وهمية (Dummy JSON)

عرض المنتجات في واجهة أنيقة تحتوي على صورة المنتج، الاسم، السعر، والتقييم

تنسيق الواجهة باستخدام Bootstrap & CSS لتكون جذابة وسهلة التصفح

استخدام JavaScript لإنشاء عناصر HTML ديناميكيًا بناءً على البيانات المستلمة

تجربة مستخدم سلسة، مع تحميل المحتوى مباشرة من المصدر الخارجي دون الحاجة لتحديث الصفحة