stats preview card component

قمت بتصميم وتطوير مكون واجهة مستخدم لعرض إحصائيات بشكل مرئي ومنظم باستخدام HTML وCSS فقط، ويُستخدم لعرض بيانات مختصرة بطريقة جذابة داخل البطاقات.

تفاصيل العمل:

- تصميم بطاقة إحصائيات (Stats Card) تحتوي على:

- عنوان رئيسي أو وصف مختصر

- مجموعة من الإحصائيات (مثل عدد المستخدمين، التفاعلات، المشاهدات) يتم عرضها بشكل بارز

- أيقونات أو رموز معبرة لتعزيز الفهم البصري

- استخدام Flexbox لتقسيم محتوى البطاقة وتنسيقه بطريقة مرتبة

- دعم التصميم المتجاوب (Responsive) باستخدام Media Queries ليظهر بشكل ممتاز على جميع الأجهزة

- استخدام ألوان متناسقة، وتنسيق النصوص لتحسين تجربة المستخدم وجعل الإحصائيات سهلة القراءة

- تأثيرات بصرية خفيفة (Hover أو Shadow) لإضفاء لمسة تفاعلية

مناسب لـ:

لوحات التحكم (Dashboards)، صفحات التقارير، مواقع الشركات، أو أي مشروع يحتاج إلى عرض بيانات أو نتائج رقمية بطريقة جذابة.

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

HTML5, CSS3 (بما في ذلك Flexbox وMedia Queries، بدون أطر عمل أو مكتبات خارجية)