مشروع (WellsStore) هو متجر إلكتروني (E-commerce Website) تم تصميمه وتطويره لتقديم تجربة تسوق سهلة وسريعة مع واجهة مستخدم عصرية تركز على الوضوح وسهولة الاستخدام، مع الاعتماد على تقنيات الويب الأساسية لضمان الأداء العالي وسرعة التصفح.
أهم المميزات:
عرض المنتجات حسب الفئة (Category-Based Browsing):
تنظيم المنتجات بطريقة واضحة تتيح للمستخدم تصفح كل فئة بسهولة والوصول السريع لما يبحث عنه.
عربة تسوق تفاعلية (Popup Cart):
تم تنفيذ عربة التسوق على شكل نافذة منبثقة (Popup) تظهر فور إضافة المنتج، مما يمنح المستخدم تجربة سريعة دون الحاجة للانتقال لصفحة جديدة، مع إمكانية:
- إضافة أو حذف المنتجات
- تعديل الكمية
- تحديث السعر الإجمالي تلقائياً
واجهة استخدام بسيطة وجذابة (Clean UI Design):
تصميم يركز على إبراز المنتجات وتحسين تجربة المستخدم أثناء التصفح والشراء.
تجربة متجاوبة بالكامل (Fully Responsive):
الموقع يعمل بكفاءة على جميع الشاشات:
- الموبايل
- التابلت
-أجهزة الكمبيوتر
حفظ بيانات المستخدم محلياً (Local Storage Integration):
استخدام Local Storage للاحتفاظ ببيانات عربة التسوق لضمان استمرارية التجربة حتى بعد إغلاق المتصفح.
التقنيات المستخدمة:
Frontend: HTML5, CSS3
Programming Logic: Vanilla JavaScript
Data Handling: Local Storage
Responsive Design: باستخدام CSS Media Queries بدون أي Frameworks
المشروع يعكس القدرة على بناء متجر إلكتروني متكامل باستخدام التقنيات الأساسية فقط، مع التركيز على الأداء، تنظيم الكود، وتجربة المستخدم.