عرض Api

نوع العمل

هو تطبيق ويب لعرض بيانات من API، الغرض منه جلب بيانات (منتجات – أسعار – صور – تفاصيل) من مصدر خارجي (API) وعرضها للمستخدم بشكل منظم داخل صفحة HTML.

ميزاته الأساسية

جلب البيانات (Fetch API): الموقع بيستخدم JavaScript لطلب البيانات من API خارجي.

عرض المنتجات (Products List): كل منتج بيظهر بصورته + اسمه + تصنيفه + السعر.

تنسيق منظم: كل عنصر له كارد (Card) واضح فيه التفاصيل.

إمكانية التوسع:

إضافة زر “Add to Cart”.

فلترة المنتجات حسب التصنيف (beauty – electronics – etc).

بحث داخل المنتجات.

طريقة التنفيذ

1. التخطيط

تحدد شكل الكروت (Card) اللي هتعرض فيها المنتجات.

2. التصميم (UI)

باستخدام HTML + CSS أو Bootstrap لعمل شبكة (Grid) لعرض المنتجات.

3. جلب البيانات (Fetch API)

4. الإخراج في الصفحة