經過將近一個月的開發，AI Recipe 終於逐漸完成！

從一開始只有標題和輸入框的簡單網頁，到現在可以透過 AI 產生料理建議，這個過程讓我學習到許多以前不熟悉的技術。

今天要整理目前完成的功能，準備進行成果展示。

一、專題介紹

我的專題名稱是：

AI Recipe－AI 智慧食譜推薦系統

主要希望解決日常生活中「冰箱裡有食材，卻不知道要煮什麼」的問題。

使用者只要輸入目前擁有的食材，再選擇料理類型和製作時間，就能讓 AI 協助產生料理建議。

二、目前完成的功能

三、使用技術

這次專案使用到的技術包括：

• HTML：建立網頁架構。
• CSS：設計網站外觀。
• JavaScript：處理使用者操作。
• Node.js、Express：建立後端服務。
• API：串接外部 AI 應用。
• Dify：建立 AI 食譜推薦應用。
• LocalStorage：保存收藏資料。

四、展示流程

實際展示時，我會使用以下流程：

1. 開啟 AI Recipe 網站。
2. 輸入雞蛋、番茄、洋蔥等食材。
3. 選擇料理類型和時間。
4. 按下開始推薦。
5. 等待 AI 產生食譜。
6. 查看料理資訊並收藏喜歡的內容。

五、今天的成果

今天完成專題功能整理，也確認了展示時需要呈現的操作流程。

從一開始不知道該如何建立網站，到現在能夠整合前端、後端和 AI 服務，真的累積了不少經驗。

明天就是最後一天，要回顧這 30 天的學習過程，整理心得與未來可以改進的方向！