Fitness Tracker Dashboard

مرحبا عايز مشروع React لمتابعة النشاط البدني اليومي (خطوات، تمارين، ساعات نوم)، مع واجهة Dashboard تفاعلية. 🔹 Task 1 — صفحة Dashboard المطلوب: اعمل صفحة Dashboard تعرض: عدد الخطوات اليوم عدد ساعات النوم عدد السعرات الحرارية المحروقة استخدم بيانات وهمية في البداية (mock data) أضف Cards لكل عنصر مع أيقونة مناسبة أضف Animation عند تحميل الصفحة لكل Card (Fade / Slide) 🔹 Task 2 — رسم Graph بسيط المطلوب: استخدم مكتبة بسيطة (مثل Chart.js أو Recharts) اعرض رسم بياني لعدد الخطوات خلال آخر 7 أيام تأكد إن الرسم: Responsive على الموبايل Animations Smooth عند ظهور البيانات 🔹 Task 3 — إضافة التفاعل المطلوب: أضف Buttons لتغيير نوع البيانات في الرسم (Steps / Calories / Sleep) عند الضغط على كل Button: الرسم يتغير بالبيانات المناسبة استخدم Animation Smooth لتغيير الرسم أضف رسالة صغيرة تحت الرسم توضح البيانات الحالية.