تطوير متجر إلكتروني كامل باستخدام React و Tailwind CSS

قمت بتطوير تطبيق ويب لمتجر إلكتروني متكامل من الصفر باستخدام React.js وTailwind CSS، ضمن برنامج Gaza Sky Geeks التدريبي.

المميزات الرئيسية:

- بنية Component-based منظمة مع فصل واضح بين منطق العمل (Logic) وواجهة المستخدم (UI)

- إدارة حالة المشروع (State Management) باستخدام React Hooks (useState, useContext, useMemo) عبر Context API

- نظام سلة تسوق (Cart) متكامل: إضافة، تعديل كمية، وحذف المنتجات، مع حفظ البيانات محلياً (localStorage) لضمان استمرارية السلة بعد تحديث الصفحة

- تكامل حقيقي مع REST API لجلب المنتجات وإدارة عمليات السلة (POST, PUT, DELETE)

- نظام تنقل كامل بين الصفحات (Routing) باستخدام React Router: الصفحة الرئيسية، صفحة تفاصيل المنتج، السلة، تسجيل الدخول، وإتمام الشراء

- تصميم متجاوب (Responsive Design) يعمل بسلاسة على جميع أحجام الشاشات، بما فيها قائمة تصنيفات جانبية تفاعلية على الموبايل

- تحسين تجربة المستخدم عبر Skeleton Loading بدلاً من رسائل التحميل التقليدية، ومعالجة حالات الأخطاء (Error Handling) بشكل احترافي

تم نشر المشروع مباشرة (Live Deployment) عبر Vercel مع ربط مستمر بمستودع GitHub لتحديثات تلقائية.