← 返回首頁

Projects

全部專案

  • selfTMP

    selfTMP 專案封面

    以 Go 建置的輕量自架暫存分享工具,將 Pastebin、檔案暫存與短網址整合在同一個服務中。支援自訂短連結 ID、到期時間、一次性連結、密碼保護與管理後台,適合放在反向代理後方作為個人或小團隊的私有分享入口。

    // 技術

    • Go
    • SQLite
    • Docker

    // 特點

    • 整合文字、檔案與短連結分享
    • 支援自訂 slug、TTL、一次性連結與密碼保護
    • 單一 Go binary 搭配 SQLite,部署簡單
  • osga.dev

    osga.dev 專案封面

    以 Astro 建置的個人網站,聚焦快速載入、雙語內容管理與可維護的 section-based 結構,作為個人品牌與技術成果的主要入口。

    // 技術

    • Astro
    • TypeScript
    • CSS

    // 特點

    • 支援中英文切換
    • 以元件化 section 提高維護性
  • SITCON

    SITCON 2026

    SITCON 2026 專案封面

    參與 SITCON 2026 相關網站與活動系統開發,包含官方網站、大地遊戲、徵稿頁面與贊助徵求書。專案採用多 repo 維護不同子站與功能,支援活動資訊呈現、徵稿流程、贊助資訊公開與現場互動體驗。

    // 技術

    • Astro
    • Next.js
    • Go
    • Three.js

    // 特點

    • 以互動式設計提升瀏覽體驗與活動參與感
    • 透過會場任務機制促進會眾、攤位與參與者交流
    • 將招募文件網頁化,打造比 PDF 更具識別度的閱讀體驗
  • NYUST ICS

    NYUST ICS 專案封面

    為雲林科技大學學生設計的課表轉換工具,可將 DOCX 課表文件解析並轉換為 ICS 格式,方便匯入行事曆應用。支援課程資訊解析、連續課程合併、課表預覽與瀏覽器端處理,降低學生手動建立行事曆的成本。

    // 技術

    • Next.js
    • React
    • TypeScript
    • Tailwind CSS

    // 特點

    • 將 DOCX 課表轉換為 ICS 行事曆檔案
    • 自動解析課程時間、地點與名稱,並合併連續課程時段
    • 在瀏覽器端完成處理,無需註冊即可快速使用
  • 2o4 Studio

    AetherClub Panel

    AetherClub 專案封面

    為 AetherClub 從舊系統遷移而重新打造的營運面板,以 Discord OAuth2 登入並驗證伺服器成員身分,依老闆、陪玩、客服與管理員角色提供不同工作區,管理訂單、優惠券、餘額、收入、帳本與排行榜。另外開發搭配的 Discord Bot,處理新成員歡迎訊息、自動語音房與身份組提及私訊。

    // 技術

    • Go
    • React
    • TypeScript
    • PostgreSQL
    • Discord.js

    // 特點

    • Discord OAuth2 登入、伺服器成員驗證與伺服器端 session
    • 訂單、優惠券、餘額轉移、提領審核與活動系統等營運功能
    • 從 Supabase 一次性匯入至 PostgreSQL,並以虛擬化表格與手機卡片版面改善效能與體驗
    • Bot 支援歡迎 Embed、自動建立個人語音房與身份組提及私訊
  • YunTech Counseling Center

    雲科諮商輔導中心網站

    雲科諮商輔導中心網站專案封面

    以 Next.js 16 與 Payload CMS 3 建置的全端網站,前台、後台與 API 整合在同一個程式中。依中心官方網站架構與品牌重新設計,匯入舊站真實內容完成正式遷移,並以 Docker、Caddy 與自架 runner 建立 CI/CD 部署流程。

    // 技術

    • Next.js
    • Payload CMS
    • PostgreSQL
    • Docker
    • Caddy

    // 特點

    • 依官方網站地圖與品牌規範重新設計前台與導覽 mega menu
    • 細分至帳號層級的編輯權限,方便中心人員維護內容
    • GHCR 映像、自架 runner 部署、HTTPS staging 與備份腳本
  • YunNET

    YunNET Support Discord Bot

    雲科網管小組使用的 Discord Bot,住宿生透過按鈕與表單填寫學號、床位與問題後,自動建立私人報修頻道並拉入網管成員。支援關閉、重開、刪除 Ticket 與訊息編輯刪除紀錄,並負責對話紀錄匯出與部署流程。

    // 技術

    • TypeScript
    • Discord.js
    • MongoDB
    • Docker

    // 特點

    • Modal 表單開單並自動建立私人報修頻道
    • 匯出含編輯與刪除歷史的 HTML / PDF 對話紀錄
    • 以自架 runner 自動部署到伺服器
  • SITCON

    SITCON Podcast

    SITCON Podcast 專案封面

    為 SITCON Podcast「學生戰鬥機」開發的靜態集數頁面,讀取 RSS 列出各集內容,並將每一集導向 Spotify、YouTube 與 Apple Podcasts 等平台,讓聽眾能快速找到想聽的集數。

    // 技術

    • HTML
    • CSS
    • JavaScript
    • RSS

    // 特點

    • 解析 RSS 自動產生集數列表
    • 各集導向 Spotify、YouTube、Apple Podcasts
  • QuickJump

    QuickJump 是一個 Bash / Zsh 命令列工具,可為常用資料夾建立自訂 hotkey,快速切換目錄並減少重複輸入 cd 指令的成本。支援自動補全、JSON 設定檔與安裝腳本,適合優化日常開發工作流。

    // 技術

    • Shell
    • Bash
    • Zsh
    • jq

    // 特點

    • 以自訂 hotkey 快速跳轉常用資料夾
    • 支援 Bash / Zsh 整合與自動補全
    • 使用 JSON 設定檔管理路徑
  • YunTech MIS

    YunTech MIS Website Infra

    雲科資管系以 Next.js 開發的新網站前端,負責加入 Docker Compose 設定,讓專案能以容器方式一致地建置與部署。

    // 技術

    • Next.js
    • Docker

    // 特點

    • 以 Docker Compose 容器化前端部署