E-commerce

قمتُ بتطوير تطبيق E-Commerce صغير باستخدام React.js، مع التركيز على عرض المنتجات، وإدارة الحالة بـ Redux، والتحكّم في الثيم واللغة، بالإضافة إلى تنفيذ الفورم باستخدام طرق متعددة. أهم المميزات التي قمت بتنفيذها: عرض المنتجات (Product Listing): جلبت المنتجات باستخدام Axios وتم عرضها داخل واجهة واضحة ومنظّمة. إدارة الحالة باستخدام Redux: استخدمت Redux لتخزين وإدارة: عداد السلة (Cart Counter) الـ Theme (Light/Dark) Language (Arabic/English) وتم تنفيذ التحويل بينهم بشكل ديناميكي وسلس في كامل التطبيق. دعم اللغات والثيم: تم تفعيل التحويل بين العربي ⇆ الإنجليزي، وبين الثيم الفاتح ⇆ الداكن بضغطة زر. الفورم (Forms): استخدمت نوعين: Native HTML Form React Hook Form مع Zod Resolver للتحقق من صحة البيانات. التنقّل (Routing): استخدمت React Router لإنشاء صفحات منفصلة مثل: تفاصيل المنتج، السلة، المفضلة، وتسجيل الدخول. الواجهة (UI): تم بناء الواجهة باستخدام React-Bootstrap لتوفير تصميم متجاوب (Responsive) وسهل الاستخدام. هذا المشروع يعكس مهاراتي في React.js, Redux, Axios, React Router, React Hook Form, Zod, وإدارة الواجهة بطريقة احترافية تدعم اللغات والثيمات.