FoodLens

เจ้าของผลงานเล่าไว้แบบนี้

🥗📸 AI-powered nutrition analyzer using Groq (Llama 4 Scout) and React. Scan food photos for instant macros & calorie tracking. ai-vision, firebase-hosting, react, tailwindcss, vite https://foodlens-01.web.app/ # FoodLens 🥗📸 FoodLens คือเว็บแอปพลิเคชันที่ช่วยวิเคราะห์และประเมินข้อมูลโภชนาการจากภาพถ่ายอาหารของคุณอย่างรวดเร็ว ผ่านขุมพลังของ AI **Groq (Meta Llama 4 Scout)** เพื่อให้คุณสามารถติดตามปริมาณแคลอรี่ โปรตีน คาร์โบไฮเดรต และไขมันในแต่ละมื้อได้อย่างสะดวกสบาย พร้อมตั้งเป้าหมายแคลอรี่รายวันที่ 1,800 kcal (มีอัพเดตภายหลัง) ## ✨ ฟีเจอร์หลัก (Key Features) - 📸 **สแกนและวิเคราะห์อาหาร**: ถ่ายรูปหรืออัปโหลดรูปภาพอาหารเพื่อวิเคราะห์โภชนาการได้ทันที - 🧠 **แม่นยำและรวดเร็วด้วย AI**: ขับเคลื่อนด้วยโมเดล `meta-llama/llama-4-scout-17b-16e-instruct` ผ่าน API ของ Groq ประเมินแบบตอบกลับเป็น JSON ทันใจ (พร้อมเปอร์เซ็นต์ความมั่นใจ) - 📊 **ข้อมูลโภชนาการแบบครบจบ**: แสดงค่า แคลอรี่รวม, โปรตีน, ไขมัน และคาร์โบไฮเดรต - 👤 **ระบบผู้ใช้งานแบบ Local (Anonymous ID)**: แยกสถิติประวัติอาหาร (History) ของแต่ละคนบนเครื่องแต่ละเครื่อง ผ่านระบบ Local Storage (สแกนเครื่องใคร ประวัติเก็บเครื่องนั้น) - 📖 **ประวัติสุขภาพ (History)**: เก็บประวัติมื้ออาหารของคุณบนฐานข้อมูล Firebase Firestore แบบแยกตามรหัสเครื่อง - 📱 **Mobile-Friendly UI**: ออกแบบหน้าจอให้สวยงาม ใช้งานง่าย เข้ากันได้ดีที่สุดบนอุปกรณ์พกพา - 🚀 **รองรับการ Deploy บน Firebase Hosting**: รองรับ Single Page Application (SPA) เป็นที่เรียบร้อย ## 🛠️ เทคโนโลยีและเครื่องมือที่ใช้ (Tech Stack) - **Frontend Core**: React 18, Vite - **Styling**: Tailwind CSS - **AI Provider**: Groq API (`meta-llama/llama-4-scout-17b-16e-instruct`) - **Backend / Database / Hosting**: Firebase (Firestore, Hosting) ## 🚀 เริ่มต้นใช้งาน (Getting Started) ### 1. โคลนโป

โดย chutiponsripeng · ดูโพสต์ต้นทาง