e-commerce

مشروع تجارة إلكترونية باستخدام Vue 3

نظرة عامة على المشروع

هذا تطبيق ويب حديث للتجارة الإلكترونية، تم بناؤه باستخدام Vue 3 وVite وVue Router. يُطبّق المشروع التوجيه الديناميكي، وواجهات المستخدم المُحمّلة عند الطلب، وواجهة تفاعلية لمحاكاة تجربة التسوق الإلكتروني.

يمكن للمستخدمين تصفح المنتجات، وعرض تفاصيل كل منتج، وإدارة سلة التسوق، وإتمام عملية الشراء.

الميزات

الصفحة الرئيسية (/): صفحة هبوط تعرض المنتجات أو الفئات المميزة.

صفحة المتجر (/shop): تعرض جميع المنتجات مع خيارات التصفية والفرز.

تفاصيل المنتج (/product/:id): تعرض معلومات تفصيلية عن المنتج المُختار باستخدام التوجيه الديناميكي.

سلة التسوق (/cart): يمكن للمستخدمين إضافة المنتجات، وحذفها، وتحديث كمياتها.

صفحة الدفع (/checkout): تجمع معلومات المستخدم وتتيح إتمام عملية الدفع.

الميزات التقنية

تم بناؤه باستخدام Vue 3 Composition API لإنشاء كود معياري وتفاعلي.

يستخدم Vite لتسريع عمليات التطوير وتحسين عمليات الإنتاج.

تم ضبط Vue Router للوظائف التالية:

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

توجيه ديناميكي لصفحات المنتجات (/product/:id).

إدارة الحالة باستخدام Pinia / Vuex (إن وُجد) لبيانات سلة التسوق والدفع.

تصميم متجاوب باستخدام Tailwind CSS.