► 走走山岳　—　為自己的健行經歷留下紀錄

　　使用 React function component 與 hooks 開發，並進一步以 Redux 來管理應用程式的狀態，透過 wrapper component 將 UI 元件與邏輯拆分減少耦合，並以 Flow 補強 JS 弱型別的短處，大幅減少開發上可能遇到的型別錯誤。

　　本專案的 UI 採用 Tailwind CSS 進行開發，利用內建與自訂擴充的 utility 增加切版效率，並搭配前端路由打造 mobile-first 的單頁應用程式。

　　此專案串接了 Google Map 與 Wikipedia 的 API，讓使用者可以了解台灣百岳的分佈區域與詳細資訊。並外實作了個人化的紀錄空間，使用者可以對自己的個人筆記進行 CRUD 操作，系統會自動計算這些健行紀錄並以 Chart.js 套件呈現個人化的視覺化表格。

➜ Project Link