IhaveMenu

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

Frontend for IhaveMenu - AI Recipe Recommendation https://ihavemenufrontend1.vercel.app # IhaveMenu - ระบบแนะนำเมนูอาหารด้วย AI ## สถาปัตยกรรมระบบ (Architecture) ``` ผู้ใช้ → Vercel (Frontend/FastAPI) → ngrok tunnel → Docker (Recipe Service/Flask) → MongoDB Atlas ↓ Google Gemini AI ``` | Service | Tech | Hosting | Port | |---------|------|---------|------| | Frontend | FastAPI | Vercel | - | | Recipe Service | Flask + Gemini AI | Docker (local) | 5001 | | Database | MongoDB Atlas | Cloud | - | | Tunnel | ngrok | local | - | ## GitHub Repositories | Repo | URL | |------|-----| | Frontend | https://github.com/nattapongd-coder/ihavemenu-frontend | | Backend (Recipe Service) | https://github.com/nattapongd-coder/ihavemenu_backend | --- ## สิ่งที่ต้องเตรียมก่อนเริ่ม (Prerequisites) 1. **Docker Desktop** - ติดตั้งและเปิดให้พร้อม → https://www.docker.com/products/docker-desktop 2. **ngrok** - สมัครและติดตั้ง → https://ngrok.com 3. **บัญชี Vercel** - สมัครและเชื่อมต่อ GitHub → https://vercel.com 4. **MongoDB Atlas** - มี cluster พร้อมข้อมูล recipes 503 รายการ 5. **Google Gemini API Key** - ขอจาก https://aistudio.google.com/apikey --- ## วิธีรันทั้งระบบ (Step-by-Step) ### ขั้นตอนที่ 1: รัน Recipe Service ด้วย Docker ```bash cd microservices ``` สร้างไฟล์ `recipe-service/.env` (ถ้ายังไม่มี): ```env GEMINI_API_KEY=<your-gemini-api-key> MONGO_URI=mongodb+srv://<user>:<password>@<cluster>.mongodb.net/recipe_finder?retryWrites=true&w=m

โดย nattapongd-coder · ดูโพสต์ต้นทาง