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, وإدارة الواجهة بطريقة احترافية تدعم اللغات والثيمات.