Cooks Delight

يسعدني مشاركة أحدث مشاريعي على منصة نفذلي ✨ **Cooks Delight 🍴** هو موقع حديث ومتجاوب بالكامل لعرض الوصفات ومدونات الطبخ، تم تطويره باستخدام **React** و **Tailwind CSS** مع الاعتماد على تصميم احترافي من Figma وربطه بواجهة DummyJSON API لعرض البيانات بشكل ديناميكي. 📌 فكرة المشروع: يتيح الموقع للمستخدمين تصفح الوصفات، البحث عن الأكلات، استعراض نصائح الطبخ، وفتح صفحات تفاصيل الوصفات من خلال واجهة عصرية وتجربة مستخدم سلسة ومتوافقة مع جميع الأجهزة. ✨ أهم المميزات التي تم تنفيذها: • تصميم Responsive متوافق مع الكمبيوتر، التابلت، والموبايل • جلب بيانات الوصفات بشكل ديناميكي باستخدام API • خاصية البحث والتصفية حسب نوع الوجبات • صفحات تفاصيل الوصفات (المكونات – طريقة التحضير – التقييم – القيم الغذائية) • صفحة خاصة بنصائح الطبخ والمحتوى التفاعلي • صفحة تسجيل دخول مع التحقق من صحة البيانات • Sliders وحركات انتقالية Animations بشكل سلس • بناء Components قابلة لإعادة الاستخدام • تنظيم احترافي لهيكلة المشروع والملفات • معالجة حالات التحميل والأخطاء والنتائج الفارغة 🛠 التقنيات المستخدمة: • React • Tailwind CSS • React Router • DummyJSON API 🎯 المهارات التي طورتها خلال المشروع: ✅ تصميم واجهات Responsive ✅ التعامل مع APIs ✅ تنظيم وهيكلة مشاريع React ✅ بناء Components قابلة لإعادة الاستخدام ✅ تحويل تصميم Figma إلى مشروع عملي ✅ كتابة Clean Code وتحسين تجربة المستخدم