Product Builder Project

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

صورة المنتج: تُعرض صورة لكل منتج تساعد المستخدم على التعرف على المنتج بسرعة.

اسم المنتج ووصف مختصر: يتم عرض اسم المنتج ووصف موجز عنه (Lorem ipsum في الصورة كمثال).

خيارات الألوان: يظهر شريط صغير من الدوائر الملونة للإشارة إلى الألوان المتوفرة لكل منتج، مما يمنح المستخدمين تصورًا سريعًا لتنوع الألوان المتاحة.

السعر: السعر معروض بشكل بارز في أسفل بطاقة المنتج.

فئة المنتج: تظهر فئة المنتج بجانب صورة صغيرة تشير إلى الفئة لتسهيل التعرف عليها.

كما تتضمن كل بطاقة زرين:

زر "Edit" للتعديل على المنتج.

زر "Remove" لإزالة المنتج.

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