تطوير واجهة متجر إلكتروني عصري للأزياء "Trend Store" (متجاوب + ثنائي اللغة)

قمت بتصميم وتطوير واجهة أمامية (Front-End) متكاملة لمتجر إلكتروني متخصص في الأزياء والموضة يحمل اسم "Trend". يهدف المشروع إلى تقديم تجربة مستخدم (UX) سلسة وعصرية تحاكي المتاجر العالمية، مع التركيز على سرعة التصفح وجمالية التصميم.

المشروع مبني بالكامل باستخدام تقنيات الويب الحديثة (Vanilla JS & Tailwind CSS) دون الاعتماد على مكتبات ثقيلة، مما يضمن أداءً فائق السرعة.

أبرز المميزات التي تم تنفيذها:

1. دعم كامل لتعدد اللغات (RTL/LTR):

الموقع يدعم اللغتين العربية والإنجليزية بشكل كامل.

تحويل اتجاه الصفحة تلقائياً (RTL للعربية و LTR للإنجليزية) مع ضبط الخطوط (Tajawal للعربية و Poppins للإنجليزية).

2. تجربة تسوق تفاعلية (Dynamic Shopping Cart):

سلة تسوق جانبية (Drawer) سلسة الظهور.

إمكانية إضافة المنتجات، تعديل الكميات، وحذف العناصر مع تحديث فوري للإجمالي (Real-time calculation).

نظام إشعارات (Toasts) عند إضافة منتج للسلة لتعزيز تفاعل المستخدم.

3. تصميم عصري وتأثيرات بصرية:

استخدام نمط Glassmorphism (الزجاج الشفاف) في القائمة العلوية والنوافذ المنبثقة.

تأثيرات حركية (Animations) عند التحميل، وتأثيرات Hover جذابة على المنتجات والأزرار.

تصميم متجاوب بالكامل (Responsive) يعمل بكفاءة على الهواتف، الأجهزة اللوحية، والشاشات الكبيرة.

4. خصائص التجارة الإلكترونية المتقدمة:

نافذة معاينة المنتج (Quick View Modal): لعرض تفاصيل المنتج دون مغادرة الصفحة.

مؤقت العروض (Countdown Timer): شريط عائم للخصومات لزيادة معدل التحويل (FOMO Marketing).

نظام فلترة وتصنيف: تصفح المنتجات حسب الفئة (رجال، نساء، أطفال) أو العروض الجديدة.

البحث الفوري: واجهة بحث منبثقة وسلسة.