## 採用技術： 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)系統。

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

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

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