Single Page 專案集

這是一個用來存放 Google Gemini Deep Research 後再使用 Canvas 產生出來的 Single Page 專案集合。每個頁面都專注於探索各種有趣議題，提供深入的分析和互動式體驗。

🌐 線上版本

專案已部署至 Netlify，可直接在瀏覽器中查看： https://amazing-sorbet-fce30f.netlify.app

🎯 專案特色

• 深度研究: 基於 Google Gemini 的深度研究結果
• 互動體驗: 使用 Canvas 技術打造豐富的視覺化內容
• 單頁應用: 每個議題都是獨立的單頁應用程式
• 響應式設計: 支援各種裝置和螢幕尺寸

📁 專案內容

🏠 房地產專案系列

美樂不動產

目錄: estate/

• 🏘️ 專業房地產服務平台
• 📋 房源列表和基本篩選功能
• 💼 房屋買賣、租賃、投資諮詢服務

美樂智能不動產

目錄: estate_ai/

• 🤖 AI 驅動的房地產平台
• 🧠 智慧推薦和預測分析
• 🎯 個人化市場洞察

美樂宜居探索平台

目錄: estate_vb/

• 💝 情感化探索房地產平台
• 🏘️ 基於生活氛圍的房源推薦
• 🗺️ 互動式地圖探索

美樂地產

目錄: estate_tn/

• 🗺️ 地理故事導向房地產平台
• 📚 OpenStreetMap 整合
• 🎭 分層式敘事探索體驗

1. 首爾家庭探索之旅

檔案: koreatravel.html

一個完整的首爾旅遊規劃工具，包含：

• 📅 6天詳細行程規劃
• 🚇 交通成本比較分析
• 🍽️ 美食與購物清單
• 🎯 互動式任務管理

2. 汽車關稅調降衝擊模擬器

檔案: customs-tax-simulation.html

分析進口關稅調降對台灣汽車市場的影響：

• 🚗 國產車 vs 進口車競爭分析
• 📊 威脅等級評估
• 🎯 品牌影響力排名
• 💡 市場衝擊預測

3. 2025台灣品牌上掀式行李箱對決

檔案: 2025_Top-Lid_Luggage.html

深度評測台灣四大行李箱品牌的CP值對決：

• 🛡️ 四大品牌實力分析
• 💰 價格帶比較與CP值評估
• 📊 容量重量效率分析
• 🎯 網友口碑雷達圖
• 🔄 互動式決策流程圖

🛠️ 技術架構

• 前端框架: 原生 HTML/CSS/JavaScript
• 樣式框架: Tailwind CSS
• 圖表庫: Chart.js
• 字體: Noto Sans TC (繁體中文優化)
• 部署平台: Netlify

📊 專案統計

• 總專案數: 7 (包含4個房地產專案)
• 技術棧: HTML5, CSS3, JavaScript ES6+, Tailwind CSS, Chart.js
• 支援語言: 繁體中文
• 部署狀態: ✅ 已部署至 Netlify
• 線上網址: https://amazing-sorbet-fce30f.netlify.app

🤝 貢獻

歡迎提出建議和改進意見！每個專案都是基於深度研究結果，旨在提供有價值的資訊和互動體驗。

---

最後更新: 2025年1月