تطبيق متجر إلكتروني وتفاعلي (Single Page Application - SPA) مُتخصص في عرض وتصفح أحدث أجهزة وإكسسوارات سامسونج الذكية. تم بناء الموقع لتقديم تجربة تسوق حديثة، سلسة، وسريعة تُشبه تجربة المتاجر العالمية، مع الاعتماد على التحكم الديناميكي التام في واجهة المستخدم وعربة التسوق دون الحاجة لإعادة تحميل الصفحة.
أبرز المزايا والوظائف البرمجية:إدارة الحالة التفاعلية (State Management via Vue 3):
سلة تسوق ديناميكية (Dynamic Shopping Cart): إمكانية إضافة المنتجات، زيادة أو تقليل الكميات، وحذف العناصر مع تحديث تلقائي وفوري للإجمالي والإعداد الكلي للقطع.
عداد العربة التفاعلي (Cart Badge):
إظهار عدد المنتجات المضافة في الهيدر بشكل لحظي فوق أيقونة السلة.
مبدل الواجهة (View Toggler):
التبديل السلس بين عرض معرض المنتجات ورؤية تفاصيل عربة التسوق بضغطة زر دون الانتقال لصفحة جديدة.
عروض المنتجات والمجموعات (Categorized Product Catalog):
تصنيف الأجهزة إلى 3 أقسام رئيسية مع تصفية تلقائية (Computed Filtering):
الهواتف الذكية (Mobiles): تشمل أحدث فئات S-Series وFoldable.
الساعات الذكية (Smart Watches): تشمل سلسلتي Galaxy Watch وClassic.
السماعات اللاسلكية (Air Buds): تشمل إصدارات Galaxy Buds المتنوعة. عرض الكروت في سلاسل متحركة (Carousels) تتكيف حسب حجم الشاشة (عرض منتج واحد للهواتف ومنتجين للشاشات الكبيرة).
تجربة مستخدم بصرية متقدمة (UI/UX & Animations):
تفاعلات عند التمرير (Hover Effects): إظهار السعر وزر الإضافة للعربة عند تحريك المؤشر فوق الكارت مع إضافة تأثير البُعد (Scale & Shadow).
أنيميشن عند السكرول (AOS Library): تأثيرات دخول انسيابية (Zoom-in) للكروت والمجموعات أثناء التصفح.
قسم رئيسي جذاب (Hero Video & Carousel): عرض فيديو ترويجي تفاعلي في واجهة الصفحة لإعطاء طابع احترافي للعلامة التجارية.
تجاوب كامل مع مختلف الشاشات (Responsive Design):تم استخدام Bootstrap 5 مع متتبعات حجم الشاشة في JavaScript لضمان ظهور الكروت والقوائم بطريقة مريحة للعين على الهواتف، الأجهزة اللوحية، والشاشات الكبيرة.
