跳到主要內容

Project Index / 作品列表

專案作品

四個獨立開發的作品。每個案例依序說明背景、問題、技術決策與實作過程。

  1. 遊戲社群揪團平台 實際畫面

    GT-01 · 全端專案 · 2025

    遊戲社群揪團平台

    一個專為玩家打造的即時社群揪團平台,結合搜尋篩選、活動管理與即時聊天室,幫助玩家快速找到隊友並建立長期遊戲社群。

    • Vue 3
    • Vuetify
    • Node.js
    • MongoDB
    • WebSocket
    閱讀案例
  2. 東京自由行 旅遊網站 實際畫面

    TR-02 · 個人專案 · 2026

    東京自由行 旅遊網站

    為了 9 月的東京自由行開發的旅遊行程網站,以 Notion 作為 CMS,整合 AI 助手、地圖、花費紀錄與行李清單。

    • Nuxt 4
    • Notion API
    • OpenAI
    • Gemini
    • Google Maps
    閱讀案例
  3. 個人品牌網站 實際畫面

    PF-03 · 個人網站 · 2026

    個人品牌網站

    使用 Nuxt 建立的個人品牌網站,對外展示服務與案例,並整合 SEO、GA4 與 GTM。

    • Nuxt 4
    • TypeScript
    • Tailwind CSS
    • GSAP
    • Nuxt Content
    • GA4
    • GTM
    閱讀案例
  4. LINE OA 商家管理平台 實際畫面

    OA-04 · 商業系統實務 · 2026

    LINE OA 商家管理平台

    提供商家自行管理 LINE 官方帳號內容的後台管理平台,讓店家不用找工程師,自己就能更新 FAQ、公告與價目表。

    • Vue 3
    • PrimeVue
    • Node.js
    • MongoDB
    • LINE Messaging API
    閱讀案例
  5. 天氣 Bike 小幫手 實際畫面

    WB-05 · LINE Bot · 2024

    天氣 Bike 小幫手

    透過 LINE 聊天介面整合 YouBike 與天氣查詢功能,讓使用者能快速取得即時站點資訊與天氣預報,減少在不同 App 與網站之間切換的成本。

    • Node.js
    • Express
    • LINE Bot
    • Flex Message
    • API Integration
    閱讀案例