Meal Chef App

Meal Chef هو تطبيق ويب تفاعلي يُقدّم تجربة تصفّح سهلة وجذّابة لعرض وصفات الطعام من مختلف أنحاء العالم، مبني باستخدام React.js ومصمم بأسلوب عصري باستخدام Tailwind CSS مع حركة سلسة بفضل Framer Motion.

أهم مميزات المشروع:

واجهة مستخدم أنيقة وتفاعلية

تصميم بسيط ونظيف (Minimal UI)

متجاوب تمامًا مع جميع الأجهزة (Responsive Design)

استخدام Tailwind CSS لتنسيق سريع وقابل للتخصيص

عرض الوجبات بطريقة منظمة

قائمة رئيسية تعرض جميع الأصناف والوجبات المتاحة

تقسيمات مريحة للعين مثل "وجبات حسب الدولة" و"أنواع الطعام"

إمكانية عرض تفاصيل الوجبة (مكونات، مصدر، طريقة تحضير)

تفاصيل ديناميكية عبر API

جلب البيانات باستخدام REST API من MealDB

عرض تفاصيل كل وجبة في صفحة مستقلة باستخدام Dynamic Routing

فيديو توضيحي للوصفة عند توفره (دمج YouTube)

إضافات احترافية

استخدام Framer Motion لإضفاء حركة سلسة على العناصر (Fade In / Scale / Slide وغيرها)

تحميل مبدئي أنيق وسلس

تجربة مستخدم UX ممتازة بفضل ترتيب المحتوى وسرعة الاستجابة

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

React.js – لبناء واجهة المستخدم

Tailwind CSS – لتصميم سريع واستجابة ممتازة

Framer Motion – للأنيميشن والانتقالات التفاعلية

React Router – للتنقل بين الصفحات بسهولة

RESTful API – لجلب بيانات الوجبات من MealDB

Vercel – للنشر والاستضافة السريعة