تطوير متجر إلكتروني يعرض المنتجات بشكل ديناميكي باستخدام React.js و Fake API، مع دعم البحث والتصفية وعرض تفاصيل المنتج وسلة التسوق.
التقنيات المستخدمة:
React.js (واجهة المستخدم)
Vite (أداة بناء لتسريع الأداء)
React Router (لإدارة التوجيه بين الصفحات)
Fake API (FakeStoreAPI / JSON Server) (لجلب البيانات)
CSS / Bootstrap (لتصميم أنيق ومتجاوب)
📌 المهام التي قمت بها:
إنشاء واجهة المستخدم باستخدام React.js لعرض المنتجات بمرونة.
استهلاك البيانات من Fake API وعرضها في المتجر باستخدام fetch و useEffect.
تصميم نظام بحث متقدم يسمح للمستخدمين بالبحث عن المنتجات بسهولة.
إنشاء نظام توجيه باستخدام React Router لعرض تفاصيل المنتج عند النقر عليه.
تطوير نظام سلة التسوق لتمكين المستخدمين من إضافة المنتجات ومشاهدتها في السلة.
