تصميم وبرمجة منصة FitMeal لتخطيط الوجبات وتتبع الصحة

FitMeal |هو منصة ويب متطورة لتخطيط الوجبات وتتبع الصحة واللياقة، تم تصميمها بواجهة مستخدم عصرية مبنية باستخدام React مع Redux Toolkit لإدارة الحالة بكفاءة عالية، وReact Router لتجربة تنقل سلسة، وTailwind CSS لتصميم متجاوب وسريع.

المنصة توفر:

خطط غذائية ذكية مخصصة لأهدافك (خسارة الوزن، زيادة العضلات، دايت نباتي...).

محرك بحث للوصفات مع عرض القيم الغذائية وتحليلها في الوقت الفعلي.

قائمة مشتريات تلقائية يمكن تخصيصها وربطها بعروض المتاجر.

صفحة مجتمع لمشاركة الوصفات والخطط الغذائية والتفاعل مع المستخدمين الآخرين.

متابعة التقدم الصحي عبر رسومات بيانية تفاعلية باستخدام مكتبات الرسوم البيانية.

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

Redux Slices منظمة (auth, recipes, mealPlans, groceryList, community, profile, health).

Framer Motion للحركات السلسة وتجربة UI/UX راقية.

Skeleton Loaders لتحسين تجربة الانتظار.

Toast Notifications للتنبيهات التفاعلية.

صور عالية الجودة من Unsplash وPixabay مع أيقونات احترافية من React Icons وHeroicons.

هيكلية ملفات منظمة مع مكونات قابلة لإعادة الاستخدام لضمان سهولة التطوير والتوسعة