Gallery app

المشروع هو تطبيق ويب (Web Application) بعنوان Simple Image Gallery، ويهدف إلى عرض مجموعة من الصور داخل واجهة منظمة وبسيطة على شكل شبكة (Grid). يعتمد التطبيق على فكرة تنظيم الصور وعرضها بطريقة مرئية وواضحة للمستخدم، وهو من المشاريع الأساسية التي تُستخدم لتعلم كيفية التعامل مع الواجهات، التخطيط الشبكي، وعرض المحتوى البصري داخل تطبيقات الويب.

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

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

من الناحية التقنية، تم تنفيذ التطبيق باستخدام Flutter Web، حيث يتم تشغيله على المتصفح من خلال localhost. يعتمد التطبيق على Widgets خاصة ببناء الواجهة مثل Scaffold وAppBar وGridView لعرض الصور في شكل شبكة. يتم تحميل الصور إما من ملفات محلية (Assets) أو من روابط خارجية، ويتم التحكم في عدد الأعمدة والمسافات بين الصور من خلال إعدادات GridView.

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