ميقات - متجر ساعات

مشروع "مـيــقـات" هو تطبيق ويب (E-commerce Web Application) متخصص في بيع الساعات الفاخرة، تم تصميمه وتطويره بالكامل ليعكس هوية الفخامة (Luxury Vibe) ويقدم تجربة مستخدم سلسة وآمنة. يركز المشروع على تحويل التصميمات الجذابة إلى كود تفاعلي عالي الأداء باستخدام تقنيات الويب الأساسية دون الاعتماد على مكتبات خارجية، مما يبرز التأسيس القوي في البرمجة.

أبرز المميزات التقنية والوظيفية:

تصفح ديناميكي للمنتجات: جلب وعرض المنتجات (Fetching Data) من ملف JSON خارجي باستخدام Fetch API و Async/Await لضمان سرعة التحميل.

نظام إدارة السلة (Cart System): إضافة وحذف المنتجات، وحساب الإجمالي والضرائب (VAT) ديناميكياً، مع حفظ حالة السلة في LocalStorage لضمان عدم ضياع البيانات عند تحديث الصفحة.

نظام البحث والفلترة المتقدم: شريط أدوات عصري يتيح للمستخدم البحث بالاسم، أو الفلترة حسب "الماركة" و"نوع الساعة" (كلاسيك/سبورت/سمارت) في نفس الوقت.

نظام تسجيل الدخول وإنشاء الحساب: فورم تفاعلي مع تحقق من صحة البيانات (Form Validation) وحفظ بيانات المستخدمين ومحاكاة عملية الدخول.

تصميم متجاوب بالكامل (Fully Responsive): واجهة تعمل بكفاءة على جميع الأجهزة (موبايل، تابلت، ديسكتوب) باستخدام CSS Grid و Flexbox.

صفحة إتمام الطلب (Checkout): صفحة مخصصة تعرض ملخص الطلب، وتفاصيل الشحن، مع واجهة مستخدم توحي بالأمان والثقة.

التقنيات المستخدمة (Tech Stack):

HTML5: استخدام Semantic Tags لتحسين الـ SEO وهيكلة الصفحة.

CSS3: استخدام متغيرات الألوان (CSS Variables)، وتنسيقات Flexbox و Grid، وتأثيرات بصرية (Hover Effects & Transitions) تعكس الطابع الفاخر.

JavaScript (ES6+): برمجة الـ Logic بالكامل (DOM Manipulation) بدون مكتبات، التعامل مع المصفوفات والأوبجكتس، والتحكم في الـ LocalStorage.

فلسفة التصميم:

تم اعتماد نمط "Old Money Aesthetic" باستخدام باليت ألوان (Emerald Green #064e3b & Gold #d4af37) وخطوط عربية عصرية (IBM Plex Sans Arabic) لتعزيز شعور الثقة والفخامة لدى العميل.