تصميم وبرمجة واجهة عرض المنتجات (Product Grid System)

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

المميزات التقنية التي تم تنفيذها:

نظام الشبكة (Grid System): استخدام SliverGrid أو GridView.builder لبناء واجهة عرض مرنة تتناسب مع عدد غير محدود من المنتجات بشكل كفء (Performance Optimized).

تصميم بطاقة المنتج (Product Card UI): بناء Widget مخصص لعرض تفاصيل المنتج (الصورة، الاسم، السعر، زر المفضلة) بتنسيق عصري واحترافي.

التعامل مع الصور: عرض الصور بدقة عالية مع مراعاة أبعاد التصميم (Aspect Ratio) لضمان عدم تشوه الصور.

تجربة المستخدم (UX): إضافة ميزة "المفضلة" (Favorite Icon) وتنسيق النصوص البرمجية لدعم العملات (مثل ج.م) والأسعار الطويلة.

التقنيات المستخدمة:

Flutter & Dart.

Flutter Material Design.

Google Fonts (Cairo/Tajawal).