前端工程師
Molly
Su
享受把想法變成畫面的過程 對新技術保持好奇。
Molly Su
從切版做到獨立負責產品功能開發，一年半的實習讓我習慣把問題拆開來解——壓力下先讓事情動起來，再持續把它做好。
實習結束後給自己一段沉澱的時間，但沒有停止開發，持續自學並跟上生態系的變化。接下來想在真實的團隊環境中累積大型專案的經驗，長期朝能規劃架構的資深工程師方向走。
#ISTJ#低調務實#有責任感#可獨立作業#持續學習
CREDENTIALS
學歷
進修課程
TECH STACK
前端技術
HTML / CSS（RWD）JavaScriptTypeScriptReactNext.jsAstroTailwind CSSSass / SCSSMUIbasicGSAP / Motionbasic
後端技術
Node.js / ExpressMySQL / MongoDBbasicJavabasicPythonbasic
測試與工具
VitestbasicGitFigma
待學習
CS50Three.js
※ 滑鼠移至標籤上查看程度說明
精選作品.
MERN 電商平台
2025支援商品瀏覽、購物車、優惠券、ECPay 金流與後台管理的全端電商平台
React · Express · TypeScript · MongoDB · Tailwind CSS
- 以 async-mutex 實作 JWT silent refresh，多個並發請求 token 過期時只觸發一次 refresh，其餘等待解鎖後重試。
- RTK Query 統一管理 API，購物車操作含 Optimistic Update 與 rollback。
- 訪客購物車登入後透過 Listener Middleware 自動同步至後端。
- RTK Query infiniteQuery + IntersectionObserver 實作無限捲動，含 skeleton 與圖片淡入顯示。
- Vitest 撰寫 100+ 個測試 case（41 檔案），涵蓋 utils、Redux slices 與 UI 元件。
PicQuads
2025線上拍貼機，支援相機拍攝、濾鏡、貼紙與相框，可下載照片並以連結或 QR code 分享。
React · Express · TypeScript · Canvas · Tailwind CSS
個人部落格
2025支援多語系的個人部落格，含 Admin CMS 與全文搜尋。
Astro · React · TypeScript · Tailwind CSS · MDX
EXPERIENCE
前端開發實習生@25sprout
維護 SurveyCake 官網及開發新頁面↗
- 依設計稿維護官網，含文案更新、樣式調整、RWD 優化及埋設 GA／GTM 事件追蹤。
- 獨立開發「問卷範本」頁面，含路由架構、API 串接、搜尋功能與 Modal 互動。
- 建立 XM 產品一頁式頁面。
- 與 PM、設計師、行銷團隊討論需求，提供技術可行性評估並負責執行。
- 依設計稿重新調整 WordPress 部落格樣式，維持品牌視覺一致性。
SurveyCake 企業後台功能開發與維護
- 維護使用者管理、企業帳號管理與群組管理等模組，修復功能與樣式問題。
- 獨立開發企業用戶匯出功能，完成 File API 串接，並排查流程中的 API 回應與狀態更新問題。
- 協助修補 XSS 漏洞，於 73 個檔案導入 sanitize-url，解決 DAST 高風險項目；並升級 Bootstrap／jQuery，修復 CSS specificity 衝突。
協助開發 SurveyCake XM 產品
- 實作 Sentiment Analysis 完整模組，含趨勢圖、Topic Ranking Table、Sentiment Expressions Table 及 Topic Detail 頁面。
- 串接後端 Sentiment Themes API，完成 Topic Detail 頁面的完整資料流。
- 排查並修復 filter query routing 問題，解決跨頁面篩選狀態不一致的錯誤。
多專案協作維護與敏捷開發流程
- 參與 Git 協作流程，執行進版、code review 與版本管理。
- 維護多個舊有專案，包含多語系文案更新、PUG、PHP 跨語言調整。
ReactReduxTypeScriptMUINivoGitScrum
© 2026 Molly Su