2021 The F2E 3rd 第三週活動參賽作品,全台公車動態時刻查詢應用服務,此作品是使用 Vue CLI 搭建而成,結合交通部 TDX API,建構出公車動態時刻查詢應用服務,使用 Vue Router 來管理路由,vue-axios 套件串接 TDX API ,使用 Bootstrap 5 自定義 SCSS 樣式、網格系統建立 RWD,使用 localStorage 來管理公車路線收藏,地圖的主要繪製是使用 Leaflet.js 結合 OpenStreetMap,搭配 Wicket 套件解析公車路線圖資並繪製公車路線圖,告訴使用者該路線公車的所在位置,並使用 JavaScript 中的 setInterval 實現公車動態資訊的自動更新,有製作不同縣市的公車路線快捷輸入鍵盤讓使用者在不同縣市更快找到不同路線的公車,結合使用者定位快速找到附近的公車站。