Front-End Software Engineer

陳書吟 Bun

  [email protected]    0916-622-824    台灣台北

  • 熟悉 JavaScript(ES6)、HTML5、CSS3/SCSS、React、Vue2等語言。

  • 累積 2個 React個人專案、1個 Vue團體專案。

  • 有串接 RESTful API、google map、firebase、RWD、PWA、Git 版本控制等經驗。

  • 有 3年的軟體專案管理經驗，重視使用者體驗。

  • 熟悉跟開發單位的協作與溝通 (UI/UX、前端/後端、QT)。

Medium｜Github｜Linkedin

技能

Programming Languages

  • JavaScript (ES6)
  • HTML
  • CSS/SCSS

Libraries & Frameworks

  • React、react-router
  • Vue2、Vuex狀態管理套件
  • styled-components
  • Node.js
  • Bootstrap

Others

  • RWD設計
  • PWA實作經驗
  • Git版本控管
  • 與後端協作串接 RESTful API經驗
  • 有串接過 Google Map API經驗
  • Postman api測試
  • 多益 840

專案


車位即時停 (個人專案)

  • 開發時間：2023/2/2 - 2023/3/5
  • 專案功能：app支援 PWA，可搜尋或定位找尋附近停車場，登入後可儲存停車場資料，提供卡片或表格方式檢視資料。
  • 串接 api：共 8個 (3 google map: Maps JavaScript API、Places API、Geocoding API、2 政府資料、3 firebase auth)
  • 實作項目：
    • 地圖頁面(搜尋框、定位、Circle)
    • 停車場標記( Marker Clusterer、即時車位)
    • 停車場導航
    • 儲存頁面(card view、table view)
    • PWA
    • 使用者登入(後端用 firebase串接，可用 google帳號登入)
    • 深色模式、RWD、埋 GA程式碼。
  • 使用工具：react、react-router、styled-components、@react-google-maps/api、use-places-autocomplete、@reach-combobox、react-table、sweetalert2、PropTypes、Eslint、prettier
  • 測試帳號：google帳號登入 或 account: user1 , password: 12345678


網站demo｜前端repo｜開發ppt


來台北趴掐 (個人專案)

  • 開發時間：2022/10/28 - 2022/11/11
  • 專案功能：用熱點圖快速判斷台北市停車場空位率，可檢視停車場費率等資訊，可跳轉 Google map導航。
  • 串接 api：共 3個 api (2 政府資料開放平臺、1 google map api)
  • 實作項目：Maps JavaScript API取得地圖、navigator.geolocation取得裝置位置、取得台北市停車場及空位資訊、redux儲存資料、處理 marker深淺色、處理停車場 modal、跳轉 google map導航處理、處理 RWD。
  • 使用工具：react、react-redux、google-map-react、axios、twd97-to-latlng、styled-components。


網站demo｜前端repo｜開發blog


Alphitter (團體專案)

  • 開發時間：2022/10/01 - 2022/10/16
  • 專案功能：Twitter clone website，前台讓使用者登入、推文/回覆文、編輯個人檔案。後台為管理者看所有文章和所有使用者清單。
  • 負責切版：共 13個元件 (6 views、7 components)
  • 負責串接 api：共 15個 api (6 POST, 6 GET, 1 PUT, 2 DELETE)
  • 實作項目：帳號驗證及新帳戶註冊、Vuex儲存使用者狀態、不同權限可瀏覽的頁面、個人資料編輯、推文/回覆 modal、top users、全部後台畫面跟功能。
  • 使用工具：vue2、vue-router、vuex、sass、axios、sweetalert2。
  • 測試帳號：
    • 一般使用者 account: user1 , password: 12345678
    • 後台管理者 account: root, password: 12345678

工作經驗

軟體產品經理  •  威聯通  •  2021/06~目前

影像分析軟體功能規劃，工作偏商業：定義功能/畫面/行銷素材提案。撰寫 PRD文件、有 draft spec後與 UI/UX討論介面、與 RD討論可行度、協助 QT測試、提供行銷素材給 MKT。

  • 主導人流分析軟體開發，增加密度計數功能、增加指標判斷數據趨勢、簡化系統設定步驟、增加事件規則功能。
  • 協助開發新的通路，依照客戶的需求和痛點，規劃 POS NVR整合方案，成功讓客戶從傳統的數位監控 DVR改為 NVR。

軟體專案經理  •  華碩電腦  •  2020/04~2021/06

電競軟體 Armoury Crate規劃，讓使用者設定硬體裝置燈效、效能參數、巨集等。主導 Task Force團隊，與 QT協作複製使用者問題，與 RD討論解法與導入版本，協助降低軟體故障率。

  • 帶領 RD PM、QTC、客服組成 Task Force團隊，直接與論壇上反映有使用問題的使用者接觸，蒐集使用者資料給內部複製和 debug。2020年末全球業務大會上表揚軟體穩定度有提升外，也讓部門開始建立軟體 key-user名單。
  • 與遊戲開發商協作燈效，負責確認遊戲商設計的燈效是否可在裝置上實現，確保軟體能在遊戲上架前支援，上架 8款遊戲。
  • 主導滑鼠軟體功能開發，與 key-user合作開發 rapid-fire功能，增加軟體在電競市場的優勢。

硬體產品經理  •  華碩電腦  •  2015/05~2020/04

電競周邊硬體(鍵盤/滑鼠)開發，搜集市場需求、定義規格、與設計師/RD討論可行度、追蹤開發進度、準備行銷素材等。

  • 主導 ROG自有品牌軸，RX光學機械軸的開發，與供應商/ key-user/ RD合作將手感數據化，市場反應手感很好(ptt文章)。
  • 主導 ROG第一支商務型電競滑鼠，與設計師和 RD合作有電競規格、體積小但可以久握的滑鼠，獲得 14個媒體獎項。
  • 主導 Cerberus品牌開發，在有限資源下交付出符合市場需求的產品，銷售量增加 1.3倍，2018年產品獲得德國 iF設計獎。

歐洲業務管理師  •  華碩電腦  •  2010/06~2015/04

管理歐洲業務、監督客戶應付帳款、審查銷折明細合理性、處理客訴。

  • 因為對銷折邏輯清楚，被指派參與新系統 Oracle的銷折流程定義，讓新系統的銷折流程只需核對，就可自動產出銷折金額。
  • 負責德國/波蘭業務，與國外業務和經銷商主管直接確認訂單細節，因積極提供業務服務，獲得第一屆業務管理師之星。

學歷

進修

企業管理學系

元智大學

2003 - 2007

JavaScript全端開發課程(主修前端)

ALPHA Camp

2022

Powered By
CakeResume