台中市You-bike2 腳踏車站點即時現況

即時查詢台中區域YouBike借還資訊

搭配地圖使站點位置更加一目了然

🔗

Demo: https://taichung-ubike.vercel.app/

使用工具

⭐

leaflet: 地圖工具，搭配YouBike API位置資訊，標記附近站點

leaflet-sidebar: leaflet套件工具，優化站點資訊的呈現

swiper: 輪播方式顯示，提供YouBike的錯誤代碼

📌

Vue+vite: 建置與開發工具

Tailwind CSS: CSS樣式工具

fortawesome: 圖標使資訊內容更加清楚

pinia: 儲存YouBike API的狀態管理

axios: 接收YouBike API

專案構思與展望

📣

有一陣子因為租屋處與公司距離不遠，

經常使用Youbike通勤，

但經常會遇到無法借還腳踏車的狀況，

因此開發了此工具。

未來期望能夠加入站點附近的熱門景點商家等功能。