## 採用技術：

• 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 變動維護時間，同時降低版更成本。

## 採用技術：

• Vue2/3(Vuex), TypeScript, Node.js, Quasar, Element UI, Linux

## 專案繼承與重建：

• 入職後，協助主管接手前團隊遺留的各項專案，受限於沒有交接文件，因此費時逐步拆解分析各專案如何運行，以及現有功能狀況。
• 逐步將各專案由 SVN 版控遷移到 Git 版控。
• 謹慎升級原先過舊的 Quasar 版本，確保該專案在升級 UI Framework 後仍能正常運作。
• 撰寫各專案的運行與上版流程文件，方便後續入職同事可以上手理解。
• 引入風格規範，包含採用(eslint, prettier, stylelint, husky)。

## 功能開發：

• 開發越南地區客製化遊戲，並針對需求調整規則與玩法。
• 接手修復專案，在原有的樣式基礎上，提供兼容性(瀏覽器)已防損害既有功能。

## 採用技術：

• Vue3, TypeScript, WebSocket

## 功能開發：

• 入職後，依主管指示研究導入 Vue3 & TypeScript 等較新技術融入新項目。
• 針對體育賽事新聞，模仿競品網站。

## 採用技術：

• Vue2(Vuex), Node.js, Chart.js, Element UI, Vuetify, SCSS

## SEO：

• 依據股東和PM需求，還原設計稿實作公司官方形象網站，提升企業知名度。

## 功能開發：

• 團隊合作開發符合歐洲法規的後台系統。
• 導入資料可視化實作，使後台數據呈現更為立體。
• 實作會員系統，財務交易等功能。

## 網站維護與推廣：

• 合作開發第三方平台網站自定義 Template(PC, Mobile)。
• 開發共用組件。

## 採用技術：

• Vue2(Vuex), Node.js, Sprite Animation, SCSS, Element UI, i18n, Pug

## 功能開發：

• 建立多語系靜態維護網站。
• 研究實作 Sprite 動畫。
• 開發各種活動頁面，優化修復樣式。
• 合作建立多語系會員網站(Web App)，提供第三方平台對應的會員功能。
• 建立團隊共用組件，整合串接三方遊戲 API。
• 合作開發體育遊戲網站
  

##  SEO與品牌推廣

• 修復並調整舊參展項目，以便公司赴海外展示使用。
• 協助 QA 部門主管，排除潛在的環境部署問題，確保展覽期間順利演示。

##  專案優化與運維

• 與團隊主管輪流值班，排除線上問題，確保服務順利運行。
• 協助優化維護後台(CMS)系統。

## 建立公司並協助營運：

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

## 創業技術準備：

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