//assets.cakeresume.com/assets/contentarea/contentarea-2d64eca8dae2a1ffb31e0fb1df887bbad072c7c19734d7d30fa14884bbcc299a.css

Manage 真薪話 Client-side article upload/download review and keywords.

真薪話(Admin)

Frontend Engineer

PittWu

Clone Taiwan's salary sharing platform 比薪水. That allows users to anonymously share their salary and work experience. The goal is to help job seekers understand the salary range of the industry and make better decisions.

真薪話(Client)

Desc : Use React build showcase app to list my project.

Link : https://showcase-app-react.vercel.app/

Source Code : https://github.com/wuzhe0912/showcase-app-react

Showcase App

Desc : Use React & Socket.io make online sync code editor.

Sync Code Editor

Hi, 我是 Pitt, 一位前端工程師。

目前為一家遊戲公司進行遠端工作，相關工作內容包含，資安流程重構(OTP 驗證), Webauthn(生物辨識註冊登入)，多色系 Theme 導入，GA 追蹤碼埋設與靜態頁面內容自動化，實時整合服務(WebSocket)。主要採用的 JS 框架為 Vue.js 相關生態系，近年的開發經驗同時也含括了 TypeScript。

業餘之時，希望盡可能拓展自己的認知邊界，嘗試和夥伴合作研究後端技術，雖然是較為粗淺的 CRUD 功能，但也透過 Node.js(Express) 和 MongoDB 實作了三方登入(Google)與三方金流(Line Pay)。

東吳大學

在職中不便透露

台灣台北市

## 採用技術：
Vue3(Pinia, JSX), TypeScript(TSX), TailwindCSS, Element Plus, Node.js, PWA, WebSocket, Webauthn

## 功能開發：
- 引入 PWA 到全品牌網站，移除傳統 Cordva App，減免公司股東購買超級簽成本。
- 結合導入 Webauthn，在網頁端實作 FaceID/TouchID，確保 H5 網站盡力貼合 App 使用體驗，並獲得客戶好評提升用戶留存率。
- 運用 WS 和 心跳機制 hook，確保內部後台系統維持正常連線，訊息通知能正常發送。
- 使用 proto3 格式與軟連結，讓前後端專案保持參數同步便於開發。

## 專案維護(資訊安全)：
- 為保護舊品牌網站，解決帳號被盜問題，和 Backend 以及 MIS 同仁，引入 fingerprint plugin，透過監控流量和帳號登入的地理位置，封鎖惡意登入，降低營運成本。
- 優化 OTP 驗證流程，結合 visitID 加強保護客戶帳號，並結合 Email 驗證，降低簡訊驗證服務成本。

## 專案優化(多主題 & 數據追蹤)：
- 專案埋設 Gtag 追蹤碼，提供營運方數據追蹤。
- 全品牌網站，加入 cssVars 做全站主題更換，配合 UI/UX 設計，強化網站多色系供使用者選擇。
- 結合 Google Sheet API 將維護頁功能進行自動化，方便 PM 變動維護時間，同時降低版更成本。

鑫城商務有限公司(Aplus Accel Inc.)

Senior Frontend Engineer (Remote)

## 採用技術：
Vue2/3(Vuex), TypeScript, Node.js, Quasar, Element UI, Linux

## 專案繼承與重建：
- 入職後，協助主管接手前團隊遺留的各項專案，受限於沒有交接文件，因此費時逐步拆解分析各專案如何運行，以及現有功能狀況。
- 逐步將各專案由 SVN 版控遷移到 Git 版控。
- 謹慎升級原先過舊的 Quasar 版本，確保該專案在升級 UI Framework 後仍能正常運作。
- 撰寫各專案的運行與上版流程文件，方便後續入職同事可以上手理解。
- 引入風格規範，包含採用(eslint, prettier, stylelint, husky)。

## 功能開發：
- 開發越南地區客製化遊戲，並針對需求調整規則與玩法。
- 接手修復專案，在原有的樣式基礎上，提供兼容性(瀏覽器)已防損害既有功能。

恒利威科技有限公司(HLW TECH CO., LTD.)

## 採用技術：
Vue3, TypeScript, WebSocket

## 功能開發：
- 入職後，依主管指示研究導入 Vue3 & TypeScript 等較新技術融入新項目。
- 針對體育賽事新聞，模仿競品網站。

傑航網路科技有限公司 JH Technology

## 採用技術：
Vue2(Vuex), Node.js, Chart.js, Element UI, Vuetify, SCSS

## SEO：
- 依據股東和PM需求，還原設計稿實作公司官方形象網站，提升企業知名度。

## 功能開發：
- 團隊合作開發符合歐洲法規的後台系統。
- 導入資料可視化實作，使後台數據呈現更為立體。
- 實作會員系統，財務交易等功能。

## 網站維護與推廣：
- 合作開發第三方平台網站自定義 Template(PC, Mobile)。
- 開發共用組件。

華奧科技有限公司Hwao Technology Co., Ltd

Front-end Engineer

## 採用技術：
Vue2(Vuex), Node.js, Sprite Animation, SCSS, Element UI, i18n, Pug

## 功能開發：
- 建立多語系靜態維護網站。
- 研究實作 Sprite 動畫。
- 開發各種活動頁面，優化修復樣式。
- 合作建立多語系會員網站(Web App)，提供第三方平台對應的會員功能。
- 建立團隊共用組件，整合串接三方遊戲 API。
- 合作開發體育遊戲網站。

## SEO與品牌推廣：
- 修復並調整舊參展項目，以便公司赴海外展示使用。
- 協助 QA 部門主管，排除潛在的環境部署問題，確保展覽期間順利演示。

## 專案優化與運維
- 與團隊主管輪流值班，排除線上問題，確保服務順利運行。
- 協助優化維護後台(CMS)系統。

台灣台中市

長青資訊股份有限公司(奇迹科技股份有限公司)

## 建立公司並協助營運：
- 尋找合適廠房地點，購買相關產線機械設備。
- 諮詢相關法律程序，辦理商業註冊。
- 清潔和維修機台設備。
- 建立並測試產線運作。
- 推進陶瓷研磨工藝進展。

台灣高雄市

志信(朝成)精密科技股份有限公司

Operations Team (Startup)

## 創業技術準備：
- 了解產線光學玻璃切割與機器參數調整。
- 清潔和維護產線機械設備。
- 產品品質檢測與確認。
- 陶瓷研磨工藝進修。

Tidi Technology CO., Ltd.

Process Engineer

## 客戶服務與產品推廣：
- 線上排除客戶問題。
- 推廣公司新產品成交業績。

分享