elisse shop

العمل يتضمن إنشاء مشروع React لموقع تسوق عبر الإنترنت باستخدام مكتبة Material-UI لتصميم الواجهة. تتضمن المشروع صفحتين رئيسيتين، الأولى تعرض قائمة منتجات للرجال، والثانية تعرض قائمة منتجات مشابهة. يتم استخدام العناصر المتاحة في Material-UI مثل Grid وTypography وDivider لتنسيق وتقسيم المحتوى بشكل جميل ومنظم.

الصفحة الرئيسية للموقع تعرض قائمة منتجات للرجال، مع كل منتج يحتوي على عنوانه وصورته وسعره. تتم إضافة حاويات Grid لتنظيم عرض المنتجات بشكل مناسب. يتم استخدام Divider لإضافة خطوط فاصلة بين عناصر القائمة لتحسين التنظيم.

الصفحة الثانية تعرض محتوى مشابه، ولكن يمكن تخصيصها بما يلزم، مثل عرض منتجات مختلفة أو تحسينات على التصميم. تم استخدام صورة بنر لإضافة جاذبية للصفحة، مع الحفاظ على التنظيم والتوزيع الجيد للمحتوى باستخدام Grid.

يتم إدراج ملف CSS الخاص بـ ASO لتنفيذ بعض التأثيرات البصرية المضافة إلى المشروع.