你好,我是 MosaicsLi

前端工程師,主要使用 React 與 TypeScript,喜歡把 Google API、瀏覽器擴充功能這類「串接」做成好用的小工具。

精選作品

研究室見學録 LabInterview

記錄研究室參訪的 Web App。用 Google OAuth 2.0 登入,資料同步到 Google Sheets,並驗證「只限學校帳號登入」的 Internal OAuth 設定。附重構計畫(BFF + HttpOnly Cookie)。

  • React
  • TypeScript
  • Google OAuth 2.0
  • Google Sheets API
  • Tailwind CSS

Ink Sort Puzzle

把同色墨水倒進同一支試管的益智小遊戲。關卡依等級自動產生、難度遞增,支援復原與重來,進度存在 localStorage。

  • React
  • TypeScript
  • 遊戲邏輯
  • Motion

Cocofolia Voice Trigger

Chrome 擴充功能:用 MutationObserver 監看 Cocofolia 聊天室,偵測以 voice 開頭的新訊息,呼叫 VOICEVOX 自動朗讀。

  • Chrome 擴充功能
  • Manifest V3
  • JavaScript
  • MutationObserver

看全部作品 →

最新文章

看全部文章 →