Pet store

وصف المشروع (Project Overview)

منصة متجر لمستلزمات الحيوانات الأليفة (Pet Store Web Platform)

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

الميزات الرئيسية (Key Features)

واجهة مستخدم متجاوبة (Responsive UI/UX): تصميم متوافق مع كافة أحجام الشاشات (موبايل، تابلت، شاشات مكتبية) يركز على سهولة الاستخدام وسرعة التحميل.

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

سلة تسوق تفاعلية (Interactive Shopping Cart): إضافة/حذف المنتجات، تعديل الكميات، وحساب الإجمالي تلقائياً مع حفظ حالة السلة باستخدام (Local Storage).

صفحة تفاصيل المنتج (Product Details Page/Modal): عرض صور المنتج، المواصفات، التقييمات، والمنتجات ذات الصلة.

إتمام الطلب (Checkout Flow): نموذج محاكاة لإنهاء عملية الشراء، إدخال بيانات الشحن، واختيار طريقة الدفع مع التأكد من صحة البيانات (Form Validation).

قائمة المفضلة (Wishlist): إمكانية حفظ المنتجات المفضلة للعودة إليها لاحقاً.

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

HTML5: لبناء هيكلPages دلالي ومكتمل (Semantic HTML).

CSS3 / Tailwind CSS / Bootstrap: لبناء تصميم حديث ومؤثرات بصرية متناسقة مع دعم Flexbox وGrid.

JavaScript (ES6+): للتحكم في التفاعلية (DOM Manipulation)