本人目前於 BITGIN 擔任資深前端工程師一職。主要負責前端專案開發、前端專案架構規劃、問題追蹤與排除、優化項目規劃等。
在過去前端專案的開發項目中,其中在五個月內從無到有完成 BITGIN 所屬的 APP,幫助公司在三個月內提升用戶量約 125%、一年成長約 300%;交易量五個月內提升約 600%。專案 REYIELD Finance 在四個月內完成 Lending Strategy 上線,並陸續推出 Uniswap v3、REYIELD GPT 等應用,吸引不少投資人的目光。 在 BITGIN 策略工具上,完成放貸與搬磚策略,幫助到相當多的新手用戶前來使用,對公司的交易量亦有明顯的幫助。
近年,除了專案上的開發外,對於前端功能需求規格討論、後端 API 規格討論介接、與 UI/UX Team 合作,亦累積相當豐富的經驗。
Jan 2022 - Dec 2023
- 使用 Expo 與 EAS 實作 APP,並在五個月內完成上架。
- APP 上架後,幫助公司在三個月內提升用戶量約 125%、一年內提升約 300% [成長曲線]
- APP 策略工具上架後,交易量五個月內提升約 600% [成長曲線]
- 四個月內產品完成上線,提供放貸、Uniswap v3、REYIELD GPT 等功能。
- 前端網站架構定義:GQL Schema 定義、UI/UX flow 等。
- 定義前後端 GQL Schema 架構,前端部分利用 Storybook 與定義好的 GQL Fragment 來整合畫面邏輯。
- 以 GQL 實作 BFF 架構,根據定義好的 Fragment 來串接後端 API,減少與前端畫面邏輯的落差,有效提升整合效率。
- 使用 Moralis Web3 API,以達到快速建置 Wallet connect、合約互動等功能。
- REYIELD NFT [Opensea]
- 台幣加密貨幣兌幣,以及引導用戶完成 KYC 驗證流程。
- 既有專案網站前端需求開發、維護與優化 KYC 驗證流程,提升法遵同仁審核的效率。
- 提供法人戶台幣兌幣的服務,利用 Query String 來達到與法人戶的串接。
- 服務網站前端架構定義與實作,一個月內完成上線。
- 上線後,交易量穩定成長 [成長曲線]
- 前端網站架構定義:GQL Schema 定義、UI/UX flow 等。
- 開發實作功能:放貸、搬磚等策略工具。
- 前期利用 Storybook 來快速建置相關元件,以定義好的 GQL Fragment 來整合邏輯並串接後端 API。
Sep 2021 - Dec 2021 (與德克互聯科技相同技術團隊)
- 網站前端架構定義與實作。
- 與後端同仁討論 API 規格與介接。
- 下單流程開發與實作。
- 合約衍伸產品 [MEXC Global]、代理系統 [MEXC Affiliates]
- 網站前端 mobile/H5 專案架構定義規劃與開發實作。
- 幣價趨勢圖使用 ECharts / klinecharts 介接、快速下單流程開發與實作。
Nov 2019 - Sep 2021 (與博裕科技相同技術團隊)
- 前端專案與分工項目管理,管理人數 1~2 人。
- Coding style 制定 (ESLint, prettier)、git flow 流程制定、協助問題追蹤與排除。
- 多品牌共用前端架構設計與整合、UI/UX設計出圖切版、資料介接與流程開發。
- 多品牌共用前端架構,搭配 CMS 版面配置系統,以提高產品產出效率與客製化幅度:1年內已實現 20 個品牌網站的導入與介接。
- 用戶端行為與錯誤追蹤,以提高與優化使用者體驗。
- 整合前、後端所需 API 資料,以達到單一接口與提升共用性與便利性,使網頁與 APP 開發效率提升 50%。
- 提高產品產出效率與客製化幅度:1 年內已實現 20 個品牌網站的導入。
- 提供前端網站客製化版型、圖片、參數等相關設定的編輯系統,以達到多品牌共用相同前端網站架構的解決方案。
- 該系統的導入,可由維運與設計同仁共同參與版面之相關設定,大幅降低工程師的維運成本,使其可更專注於功能開發。
- 金流支付(存、提款)渠道建單流程實作與 API 介接。
- 根據許多不同的第三方金流商所需的參數資料,做通用性整合與架構重整,以提高程式複用性與一致性;對於未來新介接的第三方金流商能夠更快速的完成介接整合並上線,並且提高維運效率。
- 透過參數設定(Sameria config server),可動態制定所需欄位,以快速符合各種第三方金流商所需資訊,並大幅降低開發成本:開發時間縮短 60% 以上。
- 前端網站,透過 RESTful request 的方式取得圖片。
- 前端網頁版面所需圖片,由設計同仁透過 CMS 版面配置系統上傳至 AWS S3,根據前端網頁所需尺寸的大小,做動態裁圖,在圖片不失真的前提下,做檔案大小優化,以提升圖片讀取/下載速度。
- 介接第三方簡訊/身份驗證 API ,並整合 GraphQL API 與前端網站流程。
Oct 2017 - Oct 2019
- 金流支付(存、提款)渠道建單流程開發與 API 介接,以因應不同第三方金流渠道所需。
- 金流渠道建單流程,因不同市場與第三方金流渠道差異,以及多種瀏覽器 (Chrome, Safari, QQ, UC) 行為差異做通用性優化。
- 投注明細畫面與流程開發。
- 針對金流中心網站,做單一接口的整合與開發,以因應不同的第三方金流渠道建單所需欄位與流程。
- 提供前端網站客製化版型、圖片、參數等相關設定值的編輯系統,以達到多品牌共用相同前端網站架構的解決方案。
Jun 2014 - Oct 2017
- Fastweb xDSL Router 配置設定網頁與應用程式開發 (AngularJS 1.x) [Fastweb FASTGate Dashboard]
- IoT Cloud 裝置配置設定管理系統 (React, React-redux, Material-UI)
Sep 2011 - Jun 2014
- Belkin 802.11ac Router 配置網頁與應用程式開發 [Belkin AC1750 Dashboard]
- TR-069 Protocol 配置設定網頁與功能介接
Jun 2014 - Jul 2016
Jun 2006 - Sep 2010
本人目前於 BITGIN 擔任資深前端工程師一職。主要負責前端專案開發、前端專案架構規劃、問題追蹤與排除、優化項目規劃等。
在過去前端專案的開發項目中,其中在五個月內從無到有完成 BITGIN 所屬的 APP,幫助公司在三個月內提升用戶量約 125%、一年成長約 300%;交易量五個月內提升約 600%。專案 REYIELD Finance 在四個月內完成 Lending Strategy 上線,並陸續推出 Uniswap v3、REYIELD GPT 等應用,吸引不少投資人的目光。 在 BITGIN 策略工具上,完成放貸與搬磚策略,幫助到相當多的新手用戶前來使用,對公司的交易量亦有明顯的幫助。
近年,除了專案上的開發外,對於前端功能需求規格討論、後端 API 規格討論介接、與 UI/UX Team 合作,亦累積相當豐富的經驗。
Jan 2022 - Dec 2023
- 使用 Expo 與 EAS 實作 APP,並在五個月內完成上架。
- APP 上架後,幫助公司在三個月內提升用戶量約 125%、一年內提升約 300% [成長曲線]
- APP 策略工具上架後,交易量五個月內提升約 600% [成長曲線]
- 四個月內產品完成上線,提供放貸、Uniswap v3、REYIELD GPT 等功能。
- 前端網站架構定義:GQL Schema 定義、UI/UX flow 等。
- 定義前後端 GQL Schema 架構,前端部分利用 Storybook 與定義好的 GQL Fragment 來整合畫面邏輯。
- 以 GQL 實作 BFF 架構,根據定義好的 Fragment 來串接後端 API,減少與前端畫面邏輯的落差,有效提升整合效率。
- 使用 Moralis Web3 API,以達到快速建置 Wallet connect、合約互動等功能。
- REYIELD NFT [Opensea]
- 台幣加密貨幣兌幣,以及引導用戶完成 KYC 驗證流程。
- 既有專案網站前端需求開發、維護與優化 KYC 驗證流程,提升法遵同仁審核的效率。
- 提供法人戶台幣兌幣的服務,利用 Query String 來達到與法人戶的串接。
- 服務網站前端架構定義與實作,一個月內完成上線。
- 上線後,交易量穩定成長 [成長曲線]
- 前端網站架構定義:GQL Schema 定義、UI/UX flow 等。
- 開發實作功能:放貸、搬磚等策略工具。
- 前期利用 Storybook 來快速建置相關元件,以定義好的 GQL Fragment 來整合邏輯並串接後端 API。
Sep 2021 - Dec 2021 (與德克互聯科技相同技術團隊)
- 網站前端架構定義與實作。
- 與後端同仁討論 API 規格與介接。
- 下單流程開發與實作。
- 合約衍伸產品 [MEXC Global]、代理系統 [MEXC Affiliates]
- 網站前端 mobile/H5 專案架構定義規劃與開發實作。
- 幣價趨勢圖使用 ECharts / klinecharts 介接、快速下單流程開發與實作。
Nov 2019 - Sep 2021 (與博裕科技相同技術團隊)
- 前端專案與分工項目管理,管理人數 1~2 人。
- Coding style 制定 (ESLint, prettier)、git flow 流程制定、協助問題追蹤與排除。
- 多品牌共用前端架構設計與整合、UI/UX設計出圖切版、資料介接與流程開發。
- 多品牌共用前端架構,搭配 CMS 版面配置系統,以提高產品產出效率與客製化幅度:1年內已實現 20 個品牌網站的導入與介接。
- 用戶端行為與錯誤追蹤,以提高與優化使用者體驗。
- 整合前、後端所需 API 資料,以達到單一接口與提升共用性與便利性,使網頁與 APP 開發效率提升 50%。
- 提高產品產出效率與客製化幅度:1 年內已實現 20 個品牌網站的導入。
- 提供前端網站客製化版型、圖片、參數等相關設定的編輯系統,以達到多品牌共用相同前端網站架構的解決方案。
- 該系統的導入,可由維運與設計同仁共同參與版面之相關設定,大幅降低工程師的維運成本,使其可更專注於功能開發。
- 金流支付(存、提款)渠道建單流程實作與 API 介接。
- 根據許多不同的第三方金流商所需的參數資料,做通用性整合與架構重整,以提高程式複用性與一致性;對於未來新介接的第三方金流商能夠更快速的完成介接整合並上線,並且提高維運效率。
- 透過參數設定(Sameria config server),可動態制定所需欄位,以快速符合各種第三方金流商所需資訊,並大幅降低開發成本:開發時間縮短 60% 以上。
- 前端網站,透過 RESTful request 的方式取得圖片。
- 前端網頁版面所需圖片,由設計同仁透過 CMS 版面配置系統上傳至 AWS S3,根據前端網頁所需尺寸的大小,做動態裁圖,在圖片不失真的前提下,做檔案大小優化,以提升圖片讀取/下載速度。
- 介接第三方簡訊/身份驗證 API ,並整合 GraphQL API 與前端網站流程。
Oct 2017 - Oct 2019
- 金流支付(存、提款)渠道建單流程開發與 API 介接,以因應不同第三方金流渠道所需。
- 金流渠道建單流程,因不同市場與第三方金流渠道差異,以及多種瀏覽器 (Chrome, Safari, QQ, UC) 行為差異做通用性優化。
- 投注明細畫面與流程開發。
- 針對金流中心網站,做單一接口的整合與開發,以因應不同的第三方金流渠道建單所需欄位與流程。
- 提供前端網站客製化版型、圖片、參數等相關設定值的編輯系統,以達到多品牌共用相同前端網站架構的解決方案。
Jun 2014 - Oct 2017
- Fastweb xDSL Router 配置設定網頁與應用程式開發 (AngularJS 1.x) [Fastweb FASTGate Dashboard]
- IoT Cloud 裝置配置設定管理系統 (React, React-redux, Material-UI)
Sep 2011 - Jun 2014
- Belkin 802.11ac Router 配置網頁與應用程式開發 [Belkin AC1750 Dashboard]
- TR-069 Protocol 配置設定網頁與功能介接
Jun 2014 - Jul 2016
Jun 2006 - Sep 2010