بناء موقع اليكتروني

Product Listing & Cart Feature

قمت بتطوير صفحة عرض منتجات تعتمد على تصميم Card Layout حديث، يتيح للمستخدم تصفح المنتجات بسهولة وإضافة المنتج مباشرة إلى سلة المشتريات (Cart) بطريقة تفاعلية وسلسة.

? أبرز المهام التي قمت بتنفيذها:

تصميم وتنفيذ Reusable Product Card Component

عرض بيانات المنتجات ديناميكيًا من خلال API أو ملف بيانات

تنفيذ وظيفة Add to Cart مع تحديث الحالة (State Management)

إدارة حالة السلة (Cart State) وتحديث عدد المنتجات والإجمالي بشكل فوري

تطبيق تصميم Responsive يعمل بكفاءة على جميع الأجهزة

تحسين الأداء وتقليل إعادة التصيير غير الضرورية

تنظيم المشروع باستخدام هيكلة واضحة وقابلة للتوسع

- التقنيات المستخدمة:

React.js

JavaScript (ES6+)

CSS

Hooks (useState, useEffect)

Git & GitHub