تصميم واجهة متجر الكتروني باستخدام React +Strapi

قمت بتطوير واجهة أمامية (Frontend) عصرية ومتجاوبة لمتجر كتب إلكتروني، مع ربطها بنظام إدارة محتوى Headless CMS (Strapi). ركزت في هذا المشروع على بناء تجربة مستخدم سلسة، تصميم تفاعلي جذاب، وإدارة فعالة لحالة التطبيق والبيانات. سأذكر بعض ما انجزت في المشروع:

قسم Hero ديناميكي: تصميم قسم رئيسي مبتكر يجمع بين Slider متحرك (Swiper) ولوحات جانبية ثابتة لعرض أحدث الإصدارات والترشيحات.

بطاقات كتب تفاعلية (Book Cards): تطوير بطاقات بتأثيرات بصرية متقدمة مثل القلب ثلاثي الأبعاد (3D Flip)، وTooltip يتبع مؤشر الماوس لعنوان الكتاب، وأزرار سلة التسوق.

قسم التصنيفات (Categories): تصميم بطاقات تصنيفات مع طبقات Overlay متحركة عند التمرير (Hover).

نظام ترقيم الصفحات (Pagination): بناء نظام تنقل ديناميكي بين صفحات الكتب مع الحفاظ على أداء عالي.

الوضع الليلي (Dark Mode): تطبيق نظام ثيمات كامل يدعم الوضع الفاتح والداكن باستخدام متغيرات CSS.

الربط مع API: جلب وإدارة البيانات (الكتب، التصنيفات، السلايدرات) والصور من Strapi باستخدام Redux Toolkit.