Senior Frontend Engineer • 畢竟科技股份有限公司

Jan 2022 - Dec 2023

• BITGIN APP   [iOS] [Android]
    Frontend: React Native, NativeBase, Expo, EAS
    Backend: GraphQL (Apollo-Client)

- 使用 Expo 與 EAS 實作 APP，並在五個月內完成上架。
- APP 上架後，幫助公司在三個月內提升用戶量約 125%、一年內提升約 300%  [成長曲線]
- APP 策略工具上架後，交易量五個月內提升約 600%  [成長曲線]

• REYIELD Finance   [Reyield Finance]
  Frontend: React, Styled-components, Material-UI, Moralis Web3, Storybook
  Backend: NextJS, GraphQL (Apollo-Client / Server)

- 四個月內產品完成上線，提供放貸、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]

• Crypto 交易所   [Bitgin.net]
    Frontend: React, Styled-components, Material-UI, Storybook
    Backend: NextJS, GraphQL (Apollo-Client / Server)

- 台幣加密貨幣兌幣，以及引導用戶完成 KYC 驗證流程。
- 既有專案網站前端需求開發、維護與優化 KYC 驗證流程，提升法遵同仁審核的效率。

• Fiat-as-a-Service   [FaaS web]
    Frontend: React, Styled-components, Material-UI
    Backend: NextJS, GraphQL (Apollo-Client / Server)

- 提供法人戶台幣兌幣的服務，利用 Query String 來達到與法人戶的串接。
- 服務網站前端架構定義與實作，一個月內完成上線。
- 上線後，交易量穩定成長 [成長曲線]

• 策略工具平台   [Bitgin.net]
    Frontend: React, Styled-components, Material-UI, Storybook
    Backend: NextJS, GraphQL (Apollo-Client / Server)

- 前端網站架構定義：GQL Schema 定義、UI/UX flow 等。
- 開發實作功能：放貸、搬磚等策略工具。
- 前期利用 Storybook 來快速建置相關元件，以定義好的 GQL Fragment 來整合邏輯並串接後端 API。

Senior Software Engineer •  比特數字科技有限公司

Sep 2021 - Dec 2021   (與德克互聯科技相同技術團隊)

• 虛擬幣衍伸產品 (Binary Option 二元期權, Contract For Difference 合約交易)   [CryptoX]
    Frontend: React, Styled-component, Typescript, GTM, TradingView Widget
    Backend: NodeJS, NextJS, Koa, GraphQL (Apollo-Client)

- 網站前端架構定義與實作。
- 與後端同仁討論 API 規格與介接。
- 下單流程開發與實作。

• 虛擬幣交易所 MEXC - 合約衍伸產品   [MEXC Global]
    Frontend: React, DvaJS, Ant Design Mobile, WebSocket, ECharts, klinecharts
    Backend: NextJS, UmiJS

- 合約衍伸產品 [MEXC Global]、代理系統 [MEXC Affiliates]
- 網站前端 mobile/H5 專案架構定義規劃與開發實作。
- 幣價趨勢圖使用 ECharts / klinecharts 介接、快速下單流程開發與實作。

Senior Software Engineer  •  德克互聯科技有限公司

Nov 2019 - Sep 2021   (與博裕科技相同技術團隊)

• 前端專案規劃管理與分工

- 前端專案與分工項目管理，管理人數 1~2 人。
- Coding style 制定 (ESLint, prettier)、git flow 流程制定、協助問題追蹤與排除。

• 網站 Frontend 整合開發 (平台網站、代理系統網站)
    Frontend: React, React-redux, Styled-components, Typescript, GTM, TrackJS, AWS SDK (X-Ray)
    Backend: NodeJS, Koa, NextJS, GraphQL (Apollo-Client)

- 多品牌共用前端架構設計與整合、UI/UX設計出圖切版、資料介接與流程開發。
- 多品牌共用前端架構，搭配 CMS 版面配置系統，以提高產品產出效率與客製化幅度：1年內已實現 20 個品牌網站的導入與介接。
- 用戶端行為與錯誤追蹤，以提高與優化使用者體驗。

• GraphQL API 網站前端中介層 (BFF) 整合開發
    NodeJS, Apollo-Server, Express, Redis, MSSQL, AWS SDK (X-Ray)

- 整合前、後端所需 API 資料，以達到單一接口與提升共用性與便利性，使網頁與 APP 開發效率提升 50%。

• Content Management System (CMS) 版面配置系統   [CMS Architecture]
    Frontend: React, React-redux, Bootstrap, AWS SDK (S3)
    Backend: NodeJS, Koa, NextJS, MSSQL(sequelize pacakge)

- 提高產品產出效率與客製化幅度：1 年內已實現 20 個品牌網站的導入。
- 提供前端網站客製化版型、圖片、參數等相關設定的編輯系統，以達到多品牌共用相同前端網站架構的解決方案。
- 該系統的導入，可由維運與設計同仁共同參與版面之相關設定，大幅降低工程師的維運成本，使其可更專注於功能開發。

• 金流中心網站 Frontend 整合開發
    Frontend: React, React-redux, Typescript, GTM,  AWS SDK (X-Ray)
    Backend: NodeJS, Express, NextJS, GraphQL (Apollo-Client)

- 金流支付(存、提款)渠道建單流程實作與 API 介接。
- 根據許多不同的第三方金流商所需的參數資料，做通用性整合與架構重整，以提高程式複用性與一致性；對於未來新介接的第三方金流商能夠更快速的完成介接整合並上線，並且提高維運效率。
- 透過參數設定(Sameria config server)，可動態制定所需欄位，以快速符合各種第三方金流商所需資訊，並大幅降低開發成本：開發時間縮短 60% 以上。

• Crop Image Service 動態裁圖服務   [CropImageService]
    NodeJS, Redis, RESTful API, AWS SDK (S3)

- 前端網站，透過 RESTful request 的方式取得圖片。
- 前端網頁版面所需圖片，由設計同仁透過 CMS 版面配置系統上傳至 AWS S3，根據前端網頁所需尺寸的大小，做動態裁圖，在圖片不失真的前提下，做檔案大小優化，以提升圖片讀取/下載速度。

• 簡訊 / 身份驗證服務
    NodeJS

- 介接第三方簡訊/身份驗證 API ，並整合 GraphQL API 與前端網站流程。

Frontend Engineer  •  英屬維京群島商博裕科技有限公司台灣分公司

Oct 2017 - Oct 2019

• 金流中心 Frontend 整合開發
    Frontend: React, React-redux, Typescript
    Backend: NodeJS, Express, NextJS, GraphQL (Apollo-Client), AWS SDK (X-Ray)

- 金流支付(存、提款)渠道建單流程開發與 API 介接，以因應不同第三方金流渠道所需。
- 金流渠道建單流程，因不同市場與第三方金流渠道差異，以及多種瀏覽器 (Chrome, Safari, QQ, UC) 行為差異做通用性優化。
- 投注明細畫面與流程開發。

• GraphQL API 網站前端中介層 (BFF) 整合開發
    NodeJS, Express, Redis, MSSQL, AWS SDK (X-Ray)

- 針對金流中心網站，做單一接口的整合與開發，以因應不同的第三方金流渠道建單所需欄位與流程。

• Content Management System (CMS) 版面配置系統
    Frontend: React, React-redux, Bootstrap, GTM
    Backend: NodeJS, Koa, NextJS, GraphQL, AWS SDK (S3), MSSQL

- 提供前端網站客製化版型、圖片、參數等相關設定值的編輯系統，以達到多品牌共用相同前端網站架構的解決方案。

Senior Software Engineer  •  狀態網際網路股份有限公司

Jun 2014 - Oct 2017

• WiFi AP/Router/Repeater 配置網頁與應用程式開發整合
  HTML, Javascript, jQuery, CSS, CGI (C language), Embedded Linux system, Makefile

- Fastweb xDSL Router 配置設定網頁與應用程式開發 (AngularJS 1.x)    [Fastweb FASTGate Dashboard]
- IoT Cloud 裝置配置設定管理系統 (React, React-redux, Material-UI)