EatHub Frontend

關於 EatHub

AI 美食行銷推薦平台

EatHub 是一個專為選擇困難症設計的美食推薦平台。根據你的口味偏好與所在地位置，快速篩選出專屬於你的美食選項！

掃描 QR Code，快速推薦在地合適美食餐廳

專案網址 : https://eathub.today

專案影片介紹：https://www.youtube.com/watch?v=MzvneJR2EGg

四大核心功能

智慧推薦在地美食

整合 Google Map 與 OpenAI，根據使用者選擇的口味與偏好，自動推薦在地合適美食餐廳。

收藏與瀏覽紀錄

使用者可以收藏喜歡的餐廳，並查看瀏覽紀錄，打造個人化美食清單，不再煩惱下一餐吃什麼。

餐廳導航與評論分享

支援一鍵導航功能，讓使用者直接前往餐廳，同時可留下評論與照片，紀錄與分享用餐心得。

商家動態與優惠行銷

提供商家後台操作介面，可上架優惠券與最新動態，提升來客數並加強品牌曝光。

技術使用

• 後端：Github

• 前端：HTML,CSS,JavaScript,Vue 3, Pinia, Vite, Tailwind CSS,DaisyUI

• 後端：Python, Django, Django REST Framework,Redis,Docker

• API 串接： Axios, OpenAI API, Google Places API

• 資料庫：PostgreSQL

• 版本控制：Git, GitHub

• 第三方登入：Google

• 金流：LINE Pay , ECPay

• 信件發送：Resend

• 圖片上傳：Cloudinary

• 部署：DigitalOcean（後端）, Netlify（前端）

Dev 專案開發執行

npm install
npm run dev
npm run build
npm run preview

測試

npx cypress run
// GUI Mode
npx cypress open

Contributor 專案開發團隊

• 張凱迪（Team Lead） Github
• 呂亭霈 Github
• 劉添順 Github
• 潘奕丞 Github
• 梁雅絜 GitHub
• 謝旻澔 GitHub
• 鄭澄佑 Github