電影小幫手 Movie Helper
參考 canva 網址
https://rubyrubyruby.my.canva.site/dagqiedp8k8
https://drive.google.com/file/d/13pgsJwUedk1LaAzTecwCoxDqtlrq-25K/view?usp=drive_link
📦 特點
🎯 核心功能特色
- 🎬 AI 智能電影推薦: 整合 Azure OpenAI、Gemini 多模型，提供個人化電影推薦與即時串流聊天
- 📱 LINE 社群生態: 完整 LINE Login OAuth 2.0 認證、官方帳號通知、電影清單分享
- 🎭 TMDB 電影資料庫: 真實電影資料搜尋、類型篩選、詳情查看、預告片播放
- 📝 個人化清單管理: 電影待看清單、收藏功能、本地儲存、LINE 提醒通知
- 🤖 浮動 AI 客服: Lottie 動畫互動、智能對話、即時回應
🛠 技術架構
💻 前端技術棧
- 核心框架: React 19.1.0
- 樣式系統: SCSS 模組化架構 + 響應式設計 + CSS Grid/Flexbox
- 動畫效果: Lottie Animation + CSS Transitions
⚙️ 後端技術棧
- 應用框架: Flask (Python 3.11+)