قمت تطوير واجهة مستخدم احترافية باستخدام React JS مع مكتبة Material UI، بهدف محاكاة تصميم واجهة حديثة ومرتبة، مع الالتزام بتفاصيل التصميم .
المشروع ركّز على استخدام مكونات جاهزة ومخصصة من MUI لتحقيق تصميم متناسق ومتجاوب، مع تقسيم العناصر باستخدام أسلوب Atomic Design (Atoms, Molecules, Organisms) لتسهيل تنظيم الكود وإعادة استخدام المكونات.
مواصفات الواجهة:
تصميم باستخدام نظام الشبكة (Grid System) الخاص بـ MUI
استخدام ألوان وخطوط متناسقة طبقًا لتصميم Figma
إضافة مكونات مثل: أزرار، نماذج إدخال، بطاقات (Cards)، Tabs، Icons