تصميم وتكويد موقع معرض أعمال (Portfolio) بنظام Grid Layout

قمت بتصميم وتطوير واجهة مستخدم (Front-End) لموقع "معرض أعمال" (Portfolio) مخصص للمصممين والمصورين لعرض أعمالهم بطريقة عصرية وجذابة. يركز التصميم على إبراز الصور بجودة عالية مع سهولة التصفح.

أبرز خصائص المشروع:

تخطيط شبكي (Grid Layout): عرض الصور بنظام الشبكة المتجاوبة التي تعيد ترتيب نفسها تلقائياً حسب حجم الشاشة.

شريط جانبي (Sidebar): تصميم قائمة جانبية ثابتة تحتوي على الشعار، روابط التنقل (Navigation)، وأيقونات التواصل الاجتماعي، مما يعطي مساحة أكبر لعرض الصور في الجهة المقابلة.

نظام الفلترة (Filtering System): (أضف هذه النقطة إذا قمت ببرمجتها) شريط علوي يتيح للمستخدم تصنيف الأعمال حسب النوع (Illustration, Motion, Photography, Print).

ويدجت الصور المصغرة: قسم جانبي لعرض آخر الصور (مثل Flickr Feed) بشكل منسق.

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

HTML5: لبناء الهيكل الأساسي للصفحة.

CSS3 (Grid & Flexbox): لضبط التخطيط وتوزيع الصور والقائمة الجانبية بدقة.

JavaScript : لتفعيل ميزة فلترة الصور وجعل المعرض تفاعلياً.

Responsive Design: الموقع متوافق تماماً مع جميع الأجهزة (موبايل، تابلت، ديسكتوب).