Shopping-Cart

فكرة المشروع:

المشروع عبارة عن موقع للتسوق (Shopping Cart) بسيط بيعرض منتجات، ويتيح للمستخدم إضافتها لعربة التسوق (Cart)، تعديل الكمية، وحذف العناصر، مع حساب السعر الإجمالي بشكل تلقائي.

المميزات (Features):

عرض المنتجات (Products List):

المنتجات بتظهر بشكل منظم مع صورة وسعر وزرار Add to Cart.

عربة التسوق (Shopping Cart):

المستخدم يقدر يشوف كل المنتجات اللي أضافها.

تعديل الكمية لكل منتج.

حساب إجمالي السعر (Total Price) بيتحدث أوتوماتيك مع أي تعديل.

زرار Remove لحذف المنتج من السلة.

التوافق مع الموبايل (Responsive Design):

الموقع متوافق مع الشاشات المختلفة (موبايل، تابلت، ديسكتوب).

التنقل (Routing):

باستخدام React Router للتنقل بين صفحة المنتجات وصفحة السلة.

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

React 19 لبناء واجهة المستخدم.

React Router v6 لإدارة الصفحات والتنقل.

Vite كأداة بناء وتشغيل المشروع بسرعة.

CSS لتنسيق واجهة الموقع وجعلها متجاوبة (Responsive).

تطبيق مفهوم إدارة الحالة (State Management) في عربة التسوق.

تجربة النشر (Deployment) على GitHub Pages.

GitHub Pages لاستضافة المشروع أونلاين.