Chef Bot - AI Recipe Generator --- تطبيق ويب تفاعلي (SPA) مدمج بتقنيات الذكاء الاصطناعي
تفاصيل العمل

قمت بتطوير "شيف بوت" (Chef Bot)، وهو تطبيق ويب تفاعلي ذكي يساعد المستخدمين على ابتكار وصفات طعام بناءً على المكونات المتوفرة لديهم في المنزل، وذلك باستخدام تقنيات الذكاء الاصطناعي الحديثة. المميزات التقنية : دعم كامل للغتين (Multi-language Support): التطبيق يدعم اللغتين العربية والإنجليزية بشكل كامل مع خاصية التبديل الفوري وتغيير اتجاه الصفحة (RTL/LTR) لضمان أفضل تجربة مستخدم. دمج الذكاء الاصطناعي (AI Integration): قمت بربط التطبيق بـ Groq Cloud API موديل (Llama 3.3) لتوليد وصفات دقيقة ومنطقية بناءً على مدخلات المستخدم. تفاعل لحظي (Dynamic UI): استخدام React Hooks مثل useState و useEffect لإدارة حالة التطبيق (State Management)، والتحقق من صحة المدخلات لمنع التكرار، وتوفير تجربة سلسة بدون إعادة تحميل الصفحة. تنسيق المحتوى الذكي: يتم عرض الوصفات المولدة بصيغة Markdown لتظهر بشكل منظم وجميل يسهل قراءته (باستخدام react-markdown). تجربة مستخدم محسنة (User Experience): أضفت خاصية التمرير التلقائي (Auto-scroll) عند ظهور الوصفة، بالإضافة إلى مؤشرات التحميل (Loading states) لإعلام المستخدم بحالة الطلب. التقنيات المستخدمة: Frontend: React.js, CSS3 (Custom Styles) Logic: JavaScript (ES6+), React Hooks (useRef, useEffect, useState) AI Service: Groq API / Llama Models Utilities: React Markdown, Crypto UUID for unique keys

شارك
بطاقة العمل
تاريخ النشر
منذ 4 أيام
المشاهدات
10
المستقل
Hagar Samy
Hagar Samy
Frontend Developer
طلب عمل مماثل
شارك
مركز المساعدة