موقع تجاري - E-Commerce Site

موقع تجارة إلكترونية متكامل باستخدام React وRedux Toolkit

تم تطوير موقع تجارة إلكترونية حديث وسريع الاستجابة باستخدام React وRedux Toolkit، يتيح للمستخدمين تصفح المنتجات، عرض التفاصيل، وإضافة المنتجات إلى عربة التسوق بكل سهولة. يعتمد المشروع على بنية مكونية منظمة، وتحميل كسول لتحسين الأداء، مع استخدام Axios لجلب البيانات من واجهات برمجية ديناميكية.

مميزات المشروع:

واجهات تفاعلية باستخدام React والمكونات الوظيفية

إدارة الحالة العامة للتطبيق باستخدام Redux Toolkit

جلب البيانات ديناميكيًا من API باستخدام Axios

تحسين الأداء عبر تقنية التحميل الكسول

تصميم متجاوب يعمل بكفاءة على جميع الأجهزة

هيكل مجلدات منظم يسهل صيانة المشروع وتطويره

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

React

Redux Toolkit

React Router DOM

Axios

CSS

Vercel

المجلدات الرئيسية داخل المشروع:

Store: ملفات إدارة الحالة القديمة

store: ملفات Redux Toolkit الحديثة

components: مكونات واجهة المستخدم القابلة لإعادة الاستخدام

layout: عناصر التصميم مثل شريط التنقل والتذييل

pages: الصفحات الرئيسية مثل الصفحة الرئيسية، تفاصيل المنتج، عربة التسوق

routing: إدارة التنقل بين الصفحات

hooks: الخطافات المخصصة

utils: دوال مساعدة وثوابت

lib: إعدادات الربط مع واجهات API

assets: الصور والملفات الثابتة

مستقبل المشروع:

إضافة تسجيل دخول وتوثيق للمستخدمين

دمج بوابة دفع إلكترونية مثل Stripe

لوحة تحكم للإدارة لعرض الطلبات والتحكم بالمحتوى