Foodies Paradise with api

Foodies Paradise هو مشروع ويب تفاعلي مخصص لعشاق الطعام، يهدف إلى عرض وصفات أطعمة متنوعة باستخدام واجهات برمجة التطبيقات (APIs). يتيح الموقع للمستخدمين استكشاف الوصفات بسهولة عبر تصميم جذاب وسهل الاستخدام.

مزايا المشروع:

عرض الوصفات من API:

تم دمج المشروع مع API خارجي للحصول على أحدث الوصفات ومعلوماتها التفصيلية (مثل المكونات، طريقة التحضير، وصور الأطباق).

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

واجهة مستخدم جذابة:

تصميم الموقع باستخدام HTML وBootstrap لضمان هيكل واضح وتصميم متجاوب يتناسب مع مختلف الأجهزة.

قوائم ديناميكية تعرض الفئات الرئيسية للوصفات مثل: الأطباق الرئيسية، المقبلات، والحلويات.

وظائف الموقع:

بحث مباشر: صندوق بحث لتصفية الوصفات بناءً على اسم الطبق أو مكوناته.

تفاصيل الوصفة: عند النقر على وصفة، يتم عرض صفحة مفصلة تشمل طريقة التحضير والخطوات.

تفاعل المستخدم: إمكانية إضافة الوصفات إلى قائمة مفضلة (محفوظة محليًا عبر Local Storage).

أداء عالي:

استخدام JavaScript لجلب البيانات ديناميكيًا من API وعرضها بشكل فوري.

تجربة سلسة مع رسائل إشعار مرئية لإبلاغ المستخدم بحالة الطلبات (مثل البحث أو الإضافة للمفضلة).

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

HTML: لإنشاء بنية الموقع.

Bootstrap: لتصميم واجهة متجاوبة وجذابة.

JavaScript: لجعل الموقع تفاعليًا، وجلب البيانات من API باستخدام Fetch API أو Axios.

API Integration: للحصول على البيانات بشكل ديناميكي (مثل وصفات الطعام وصورها).