E-commerce

### AuraTech E-Commerce – متجر إلكتروني تفاعلي

تطوير متجر إلكتروني تفاعلي ومتجاوب لعرض وبيع المنتجات التقنية والإكسسوارات الذكية، مع توفير تجربة تسوق متكاملة تشمل البحث عن المنتجات، الفلترة والترتيب، قائمة المفضلة، سلة المشتريات، الخصومات، وحساب إجمالي الطلب، بالإضافة إلى تجربة Checkout تفاعلية.

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

* HTML5

* CSS3

* Vanilla JavaScript

* DOM Manipulation

* LocalStorage

* Responsive Web Design

**أهم مميزات المشروع:**

* عرض مجموعة من المنتجات التقنية مع الأسعار والتقييمات وحالة التوفر.

* البحث المباشر عن المنتجات حسب الاسم أو التصنيف أو الوصف.

* فلترة المنتجات حسب التصنيف والسعر والتقييم وحالة التوفر.

* إمكانية ترتيب المنتجات حسب السعر تصاعديًا أو تنازليًا، التقييم، والاسم.

* إمكانية التبديل بين عرض المنتجات بنظام Grid أو List.

* نظام Wishlist لحفظ المنتجات المفضلة.

* نظام Shopping Cart متكامل لإضافة المنتجات وحذفها وتعديل الكميات.

* حفظ بيانات السلة والمفضلة وإعدادات الـTheme باستخدام LocalStorage، بحيث تستمر بعد إعادة تحميل الصفحة.

* حساب Subtotal والخصم والضريبة وتكلفة الشحن والإجمالي النهائي للطلب بشكل ديناميكي.

* دعم أكواد الخصم الترويجية وتطبيق الخصومات على إجمالي المنتجات.

* توفير Quick View لعرض تفاصيل المنتج ومواصفاته دون مغادرة الصفحة.

* دعم Dark Mode وLight Mode مع حفظ تفضيل المستخدم.

* توفير تجربة Checkout تفاعلية لإدخال بيانات الطلب واختيار طريقة الدفع.

* إنشاء رقم Order ID وعرض إيصال تأكيد بعد إتمام عملية الشراء.

* استخدام Toast Notifications لإظهار رسائل تفاعلية للمستخدم عند تنفيذ العمليات المختلفة.

* تصميم Responsive ومتوافق مع أجهزة الكمبيوتر والتابلت والهواتف المحمولة.

* واجهة مستخدم عصرية تعتمد على تصميم Glassmorphism وتجربة استخدام سهلة.

* المشروع منشور أونلاين باستخدام Vercel.

**ملاحظة:** عملية الدفع في المشروع تجريبية (Demo Checkout) وليست مرتبطة ببوابة دفع إلكترونية حقيقية.