Works

作品集

收錄我參與規劃與開發的 Web 應用，聚焦互動流程、資料處理與介面實作。

  1. 3D 互動 · Vue 3

    CityShield - 災害應變演練平台

    類型
    團隊專案
    角色
    前端開發
    狀態
    正式上線

    與團隊參加中華電信「2026 智慧創新應用大賽」，開發資料驅動的數位孿生應變演練平台，透過 Vue 3 建立形象網站，使用 Three.js、GSAP、GLB 模型建立滾動敘事動畫。

    成果用 3D 互動方式清楚描述該系統功能

    • Vue 3
    • TypeScript
    • Three.js
    • 3D Model
    • GSAP

  2. 資料視覺化 · React

    RouteSight - 全臺路況觀測平台與 AI 路線助理

    類型
    個人專案
    角色
    前端開發
    狀態
    作品專案

    結合即時交通地圖與 AI 助理，用日常語言下指令，直接幫你操作地圖、規劃路線。

    成果整合多種交通圖層與 AI 路線助理提升便利性

    • React
    • TypeScript
    • OpenLayers
    • Python
    • FastAPI
    • Redis

  3. 公共服務 Web GIS · React

    嘉義縣道路管理資訊平台

    類型
    公司專案
    角色
    前端開發
    狀態
    正式上線

    由公司承接開發的「嘉義縣道路管理平台」對外 Web GIS 服務，我負責前端實作，提供民眾查詢道路挖掘、工程案件與公共管線相關資訊。

    成果負責前端實作，民眾端服務已部署至外網使用

    • React
    • Leaflet
    • ECharts
    • Tailwind CSS

  4. 全端社群平台 · Next.js

    Nexus

    類型
    個人專案
    角色
    全端開發
    狀態
    作品專案

    具備社群互動、即時訊息與通知功能的全端 Web 應用。

    成果整合社群、OAuth 與即時互動流程

    • Next.js
    • TypeScript
    • Prisma
    • PostgreSQL
    • WebSocket

  5. 資料管理系統 · React

    RIS 醫療報告管理系統

    類型
    個人專案
    角色
    全端開發
    狀態
    作品專案

    數位化醫療報告的權限、分類、上傳與管理工作流程。

    成果完成權限、報告分類與資料匯出流程

    • React
    • Node.js
    • Express
    • React Query

  6. 網站互動 · React

    太空探索

    類型
    個人專案
    角色
    前端開發
    狀態
    作品專案

    串接 NASA API 資料對各個星系進行介紹。

    • React
    • Node.js
    • Express
    • React Query