تطبيق ويب تفاعلي لتصفح والبحث عن الأطعمة، تم تطويره باستخدام Vue.js مع الاعتماد على Dummy JSON API لجلب البيانات بشكل ديناميكي، مع التركيز على بناء واجهة مستخدم سريعة وسلسة وتجربة استخدام احترافية.
مميزات المشروع:
- عرض أحدث 10 أطعمة في الصفحة الرئيسية مع الصورة، الاسم، ووصف مختصر.
- صفحة تفاصيل مستقلة لكل عنصر تعرض جميع المعلومات الخاصة بالطعام.
- البحث عن أي طعام بالاسم مع تحديث النتائج بشكل فوري.
- البحث عن الأطعمة التي تبدأ بحرف محدد لتسهيل عملية الاستكشاف.
- تصميم متجاوب يعمل بكفاءة على مختلف أحجام الشاشات.
- إدارة البيانات والتعامل مع واجهات برمجة التطبيقات (APIs) بطريقة منظمة وفعالة.
التقنيات المستخدمة:
- Vue.js
- Vuex
- Vue Router
- Axios
- Tailwind CSS
- Dummy JSON API
يُعد هذا المشروع نموذجًا عمليًا لتطوير تطبيقات Single Page Applications (SPA) باستخدام Vue.js، مع تطبيق أفضل الممارسات في إدارة الحالة، وتنظيم المكونات، والتعامل مع البيانات الخارجية، وتقديم واجهة استخدام حديثة وسريعة.