Mango Su

QSearch / Employee：Frontend Developer / 2022.05 ~ 2023.09

SaaS 工具 (社群媒體監控和分析)，主要功能是監測社交平台、新聞媒體，分析數據後產生商業報告。

負責與成就：

• 重構主力產品的多語系功能 (zh & en)，解決未模組化、未翻譯、重複翻譯問題
• 開發新系統，管理產品角色 (組織、團隊、使用者、訪客)、權限、時效邀請碼、基本資料等
• 維護多語系官網 (zh & en)、GitLab CI 腳本

晶圓機器手臂模擬器  / Freelancer：Frontend Developer & Project Manage / 2021.11 ~ 2022.01

此專案為團隊協作，主要功能是機器手臂依匯入指令執行流程，各晶圓加工腔體顯示不同狀態 (皆為 2D 繪製渲染)。

負責與成就：

• 使用 Two.js (JavaScript 2D drawing library)、GSAP (JavaScript animation library) 繪製機器、流程、狀態
• 使用正弦定理、角速度計算三軸機器手臂座標、動作角度
• 進行需求訪談，製作開發、驗收文件 (功能說明、程式碼架構圖等)
• 導入專案管理工具 GitHub Projects，集中管理每週進度和 tasks (卡片)

尾牙遊戲互動平台 / Freelancer：Frontend Developer / 2021.11 ~ 2021.12

此專案為團隊協作，主要功能是讓主辦方創建多個活動房間，房間管理員可設定聊天室規則 (禁止詞彙、禁止發言名單)、遊戲種類、遊戲獎品、主持人、觀眾名單。

負責與成就：

• 實作即時聊天室 (依規則過濾顯示訊息)，使用 Firebase 分散 server real-time queries 的負擔
• 實作有獎徵答遊戲，使用 Pusher (WebSocket library) 同步觀眾們的遊戲流程 (主持人公布答案、答對名單等流程)
• 統籌遊戲的內部測試，規劃測試步驟來引導測試者 (10人以上)

小型股票分析系統/ Freelancer：Frontend Developer & Project Manage / 2020.04 ~ 2020.11

此專案第 1 期為團隊協作、第 2-3 期為獨立作業，主要功能是使用者註冊、管理員審核帳號和權限、公司財務表和獲利分析圖 (瀏覽、搜尋)、使用者編輯研究報告和新聞。

負責與成就：

• 導入 Chart.js (JavaScript charting library) 來實作折線圖，CKEditor 4 (WYSIWYG HTML editor) 來實作文書編輯器
• 進行需求訪談，製作開發、驗收文件 (Wireframe、術語中英對照表、財務公示等)
• 導入專案管理工具 TeamGantt，集中管理時程進度 (甘特圖) 和 issues (卡片)

季度知識分享會 ( 企業內 )  / 2023.09

• 我的分享摘要：
  泡泡圖實作，用 React.memo 避免元件重複渲染，用 useMemo 避免陣列重複計算
• https://codesandbox.io/p/sandbox/recharts-issues-5-custom-bubblechart-rqhvcy?file=%2Fsrc%2Fcomponents%2FBubbleChart.js%3A50%2C13

季度知識分享會 ( 企業內 ) / 2023.06

• 我的分享摘要：
  Line chart: custom tooltip + legend toggle
• https://codesandbox.io/p/sandbox/recharts-custom-tooltip-fixed-legend-toggle-tzgm5p

年度回顧活動 ( 企業內 )  / 2023.02

• 我的分享摘要：
  使用政府標案 API 分析得標公司，對得標金額、得標數量排名
• https://github.com/Su-Ya/open-tender

g0v Summit 2020 / 志工 / 2020.07 ~ 2020.12

• 由 g0v (台灣公民科技社群) 主辦的 3 天高峰會，負責開發官網某些頁面
• https://summit.g0v.tw/2020/en

開源專案 / 貢獻者 / 2019.12

• g0v 獲獎專案 - Cofacts 真的假的，解決 QR code 顯示失敗問題
• https://github.com/cofacts/rumors-site/pull/194

Google IWD / 志工 / 2019.04

• 由 Google 支持的國際婦女節科技活動，協助籌辦流程、接待講者
• https://gdg.community.dev/events/details/google-gdg-taichung-presents-wtm-taichung-iwd19/