周冠妤 Skyler Chou     

擁有4年前端開發經驗,精通 Vue/Nuxt、JavaScript、HTML、CSS、RESTful API串接。曾在 CMoney 新創團隊獨立開發並參與產品發想,培養了團隊合作和快速學習能力;後調至核心組,深耕技術開發,重構百萬流量討論區並撰寫單元測試。現為接案公司組長,管理、培訓初階工程師,制定coding style和導入開發流程,並帶領團隊結案高價值專案。

0985-453-688 / [email protected] / 1996.10.12

工作經歷

資深前端工程師 - 2023/6 ~ 仍在職 

管理與培訓

開發 Vue3/Nuxt3 前後台專案模板

擔任專案組組長,同時管理 3 位初階前端工程師,並導入站立會議和定期技術分享

 制定 Coding Style 與規範文件撰寫(使用 JSDoc 撰寫程式碼註解 、HackMD 撰寫文件) 

導入專案管理工具 ( Jira )、Srum,提升開發效率、降低溝通成本 、管控開發時數

參與專案

-  媒合管理系統後台:以 Vue 3、Element Plus 開發 ,負責環境、前端元件庫、權限、媒合等商業邏輯,與後端服務人員協作制定資料結構,與 UI、PM 協作功能可行性

-  市府交通接駁平台:以 Vue 3 開發,操作 Google Map API、繪製地圖區塊、撰寫預約車輛等商業邏輯

-  其他舊案維護:以 Vue 2、 Vue 3  開發,完成 PM 新需求與修復 bug

其他工作

-  導入 Git Flow 流程、設定 CICD 部屬 ( GitHub Runner、Jenkins )、上版通知 ( Teams )

網頁前端工程師 - 2020 / 08 ~ 2023 / 04

共同開發 Monorepo 架構模板

- 整合百萬流量討論區專案 : 整合 Monorepo 架構、重構程式碼(Renderless Components、共用 Library)、撰寫 Unit Test

SEO 優化 

- 加入 Google 結構化資料、設定相關的 meta (包含 og、twitter) 資料、實作站台麵包屑、優化站台 CLS、FCP 。 

參與專案

- 美股討論區、新聞討論區:以 Nuxt 2 開發,並開發新功能、優化網頁效能、維護站台,共 2 個討論區專案。

- 網紅內容管理後台 、證券系統後台 : 以 Vue 2 與 AntDesign UI 框架開發並依需求覆寫樣式;與後端服務人員協作,討論資料結構與做法,共 2 個專案。

- 行銷活動 | 產品銷售頁 | 形象頁以 Vue 2 開發兼容所有裝置尺寸的 RWD 網站,合計開發 10 個專案

-  Webview ( APP 排行榜 | 活動Banner | 產品資訊頁 ):以 Vue 2 開發兼容各手機 尺寸的網頁 ,共開發 5 個專案。

其他工作

- 文件撰寫、使用 JSDoc 撰寫程式碼註解、 GitLab  Flow、使用 CICD 部屬

- OAuth 2.0 統一登入串接經驗 

- GA、GTM 追蹤碼埋設 

專業技能

Front-End Development

Other

  Vue.js / Nuxt .js    JavaScript     TypeScript      SCSS     Tailwind / UnoCSS     Webpack /vite      Vuex/Pinia       SEO      Element UI   Ant Design  

   JSDoc        git Version Control  SourceTree     Jest    GCP       Nginx    IIS Web Server      PM2     Docker      Linux      Java  Nodejs     Jenkins   





市府志工媒合平台

2023/07~至今

  • 負責環境建置、統整 API 封裝、IIS 設定 
  • 共用元件製作 (Layout、CRUD 表格、彈窗、按鈕、側邊欄  )
  • 會員權限 ( 樹狀結構拆解、解析 )
  • 媒合相關商業邏輯撰寫
  • 管理 Git Flow、需求拆解成子任務,協助組員完成任務 

.JS | CSS | HTML | Vue | RWD | Vite| Eslint

https://vt.klcg.gov.tw/backstage

市府交通媒合平台

2023/06~至今

  • 建置 CICD 流程 ( dev、uat、prod )
  • 操作 Google Map API、繪製地圖區塊
  • 後修預約車輛相關商業邏輯
  • 管理 Git Flow、分配需求

.JS | unoCss | HTML | Vue | Vite |ESLint | RWD

https://ttgo.taitung.gov.tw/

美股同學會

2021/5~2023/4

接手維護的專案。為了兼顧SEO,使用 Nuxt 框架, Webpack 作為模組打包工具,Eslint 控管程式碼品質。

.JS | CSS | HTML | Nuxt | RWD | Webpack | Eslint

https://www.cmoney.tw/usforum/popular

學歷

國立勤益科技大學  應用英語學系, 學士, 2015.9 ~ 2019.6