天氣預報 App 網頁提供台灣各城市和鄉鎮的即時天氣資訊及一週天氣預報，資訊皆來自中央氣象署的氣象資料開放平臺。憑藉直觀的界面和實時更新，使用者可以隨時了解所在地區的最新天氣狀況，也能儲存自訂地區以便日後快速查看。
- 下拉式選單供使用者快速選取地區。
- 本地自動儲存地區紀錄，可以讀取上次查詢的地區，新增、刪除地區紀錄，點擊地區紀錄即可查看最新天氣資訊。
- 提供按鈕切換中文、English 語言介面。
- 響應式網頁設計(RWD)。
- 漸進式網路應用程式(PWA)。
- 即時氣象因子: 包含天氣現象、平均溫度、舒適度指數、每 6 小時降雨機率、相對濕度、風速等天氣資訊。
- 一週天氣預報因子: 包含天氣現象、相對濕度、每 12 小時降雨機率、平均溫度等天氣資訊。
Live Demo: 天氣預報
(zh_tw).png)
(en).png)
(zh_tw).png)
This is a Vue 3 project bootstrapped with create-vue based on Vite.
- Language: TypeScript
- Framework: Vue.js (Vue 3)
- Styling: Tailwind CSS
- Internationalization: Vue I18n
- Data visualization: Chart.js
- Deployment: GitHub Pages & GitHub Actions