قمت بتطوير تطبيق ويب تفاعلي وحديث لمتجر إلكتروني باسم Trendora، باستخدام JavaScript فقط (بدون أي إطار عمل) مع تصميم جذاب، متجاوب، وتجربة مستخدم سلسة.
💡 يتيح التطبيق للمستخدمين استعراض المنتجات، البحث عنها، تصفيتها، وإضافتها إلى عربة التسوق أو قائمة المفضلة – كل ذلك بطريقة ديناميكية وسريعة.
✨ المميزات:
🛍️ كتالوج منتجات ديناميكي: يعرض صور المنتجات، الأسعار، التقييمات، والفئات من خلال API وهمي.
🔎 بحث ذكي لحظي: البحث في المنتجات مع دعم للإكمال التلقائي ولوحة المفاتيح.
🧩 تصفيه متقدمة: حسب الفئة، السعر، أو التقييم.
📋 عرض شبكي أو قائم: يمكن للمستخدم التبديل بين نمط العرض الشبكي أو القائم.
🛒 عربة التسوق والمفضلة: تشمل مؤثرات طيران مرئية عند الإضافة.
👤 نظام مصادقة: دعم تسجيل الدخول كضيف، مستخدم، أو مشرف (عملياً على واجهة العميل فقط).
🛠️ لوحة تحكم للمشرف: لإدارة المنتجات والمستخدمين.
⭐ نظام تقييمات: يسمح للمستخدمين بترك مراجعاتهم.
🌙 الوضع الداكن/النهاري: يمكن التبديل مع حفظ التفضيلات محلياً.
📱 تصميم متجاوب بالكامل: يعمل بسلاسة على الكمبيوتر، التابلت، والموبايل.
💳 نموذج شراء تجريبي: مع تغذية راجعة تفاعلية للمستخدم.
🛠️ التقنيات المستخدمة:
HTML5
CSS3
Vanilla JavaScript
DummyJSON API
LocalStorage
GitHub
Vercel (للنشر)
⏳ مدة التنفيذ:
من 5 إلى 7 أيام
(حسب درجة التخصيص وعدد الشاشات المطلوبة)
💵 السعر:
من 30 إلى 50 دولار
(وفق عدد الميزات المطلوبة، ووجود لوحة تحكم أو لا)
🧪 طريقة الاستخدام:
تصفح المنتجات بحسب الفئة أو عبر شريط البحث.
جرّب أن تضيف منتجات إلى العربة أو المفضلة.
استخدم لوحة التحكم لاستكشاف مميزات المشرف.
قم بالتبديل بين الوضع الليلي والنهاري.
اختبر تجربة الشراء التجريبية التفاعلية.