Summary Component
Summary Component هو مشروع واجهة أمامية بسيط وأنيق يعرض مكون (Component) لتقييم المستخدم بناءً على درجات في مجالات متعددة مثل المهارات اللفظية والبصرية وغيرها. يعتمد التصميم على توزيع مرن للمحتوى مع لمسة جمالية حديثة.
الميزات:
عرض درجة المستخدم النهائية بشكل بارز.
تقسيم التقييم إلى عناصر فرعية (مثل Reaction، Memory، Verbal، Visual).
تصميم متجاوب يعمل بسلاسة على الشاشات المختلفة.
استخدام ألوان مميزة وأيقونات توضيحية لكل مهارة.
تجربة مستخدم بسيطة وواضحة.
التقنيات المستخدمة:
HTML5 لبناء هيكل الصفحة.
CSS3 لتنسيق التصميم والتحكم بالألوان والخطوط.
Flexbox لتنظيم المحتوى بشكل مرن ومتجاوب.
الهدف من المشروع:
يهدف هذا المشروع إلى التدرب على بناء مكونات UI متكاملة باستخدام HTML وCSS فقط، مع التركيز على التصميم العصري وتنظيم العناصر داخل صفحة واحدة.
