قمت بتصميم وتطوير واجهة أمامية كاملة لمتجر إلكتروني متخصص في بيع السماعات. يهدف المشروع إلى توفير تجربة تسوق سلسة وفعالة، مع التركيز على الأداء وسهولة الاستخدام. تم بناء المشروع باستخدام أحدث تقنيات الويب:
التقنيات المستخدمة:
HTML5: لبناء الهيكل الأساسي للصفحات.
CSS3: لتصميم واجهة المستخدم الجذابة والمتجاوبة (Responsive Design).
JavaScript: لإضافة التفاعل والوظائف الديناميكية للموقع.
الميزات الرئيسية للمشروع:
تصميم متجاوب (Responsive Design): الواجهة مصممة لتعمل بسلاسة وتتكيف بشكل مثالي مع جميع الأجهزة والشاشات (مكتبية، لوحية، وهواتف ذكية).
نظام إدارة المستخدمين: يشمل صفحات كاملة لتسجيل حساب جديد (Register) وتسجيل الدخول (Login)، مع حفظ بيانات المستخدمين في الذاكرة المحلية للمتصفح (Local Storage) لضمان الأمان والوصول السريع.
صفحة المنتجات الديناميكية: يتم جلب بيانات المنتجات بشكل ديناميكي من ملف خارجي باستخدام تقنية AJAX، مما يسمح بسهولة تحديث المنتجات وإضافتها.
خاصية تصفية المنتجات: تتيح للمستخدم تصفية المنتجات حسب الفئة (مثل Over-ear أو In-ear).
سلة تسوق متكاملة: يمكن للمستخدم إضافة المنتجات إلى السلة، وتعديل كمياتها، وحذفها. يتم حساب إجمالي السعر مع احتساب تكلفة التوصيل.
صفحات تفاصيل المنتج: صفحة مخصصة لعرض تفاصيل كل منتج على حدة، مع إمكانية تحديد الكمية وإضافتها إلى السلة.
صفحة رئيسية تفاعلية: تعرض المنتجات الأكثر شيوعاً وتتضمن تأثيرات حركية جذابة لجذب انتباه الزائر.
هذا المشروع يعكس قدرتي على بناء واجهات أمامية وظيفية وجمالية من الصفر، مع التركيز على الكود النظيف، الأداء العالي، وتقديم تجربة مستخدم ممتازة.
