劉鴻儒

現任 Gosky 產品前端工程師，擁有六年程式開發經驗。

熟悉完整產品開發流程，專長於前端 React 框架，並具備後端開發能力。

對於新創環境具有高度熱情，帶領團隊開發新產品。

Skills

Frontend

Typescript
JavaScript (ES6+)
React / Redux
Next.js
SEO
Angular.js
Rxjs
react-query
GraphQL

Cloud Service

GCP
GAE
Google App Script
S3
AWS

Others

Git
Ahref
Google Search Console
PostMan

Html/Css

Html 5
Css 3
Style component
Material UI
React Flow
Chart.js
RWD
Sass / SCSS

Backend

Golang (gin)
C#
PostgreSQL
SQL server
RESTful API
ASP.NET/.NET Core

Experiences

構思網路 Gosky 前端工程師

https://eatgether.com/

2022 / 04 ~ 仍在職

食我網路 Eatgether 產品前端工程師

https://eatgether.com/

2021 / 01 ~ 2022 / 03

新芽網路 SurveyCake 產品前端工程師

https://www.surveycake.com/

2019 / 10 ~ 2021/ 01

真好玩娛樂股份有限公司軟體工程師

2018 / 05 ~ 2019 / 10

構思網路科技有限公司產品前端工程師

聊天機器人後台 - 從規劃到上線參與率 100%
數據埋點 - 關鍵流程 GA 埋點 50%
SCRUM - 估時 / 分配 / 測試 / 維運
內部知識分享 - 強化團隊共識減少合作斷點
第三方元件評估與導入 - Draftjs / React Flow / Chart js
i18n / React-Query / Storybook / GAE / Meta API / NX Mono Repo / Socket.io / Lottie

Gosky AI Platform

負責從零開始使用 Mono Repo 架構開發一款聊天機器人流程編輯器，使用者能透過畫布界面輕鬆建立與管理 Messenger 自動回覆流程。主導前端開發，運用 Material UI 和 reactflow 打造直觀的畫布元件。負責整合 Facebook 登入功能和 Meta API，與設計師協同使用 Figma 進行項目估時和技術評估。同時參與前端人員的面試和項目時程管理，並利用 Socket 和 Lottie 技術提升產品的使用者體驗。

食我網路股份有限公司產品前端工程師

線上聚會 / 交友平台 - 百萬會員
SPA / SSR / RWD 架構 - Google 收錄破千 UGC 內容
SEO 優化 - 百萬+自然流量觸及
Ahref / Google Search Console - 關鍵字排名前十
UI 元件模組化設計 - 開發速度優化 70%
內部後台系統 - 人工減少 50%
i18Next / React / Redux / Bulma / Golang / Styled Component / AWS / Git / PostgreSQL

Eatgether

獨立負責開發 Android 和 iOS 應用的同名網頁版，實現多國語言支援（i18n）與單頁應用（SPA）/伺服器端渲染（SSR）架構。開發核心功能包括用戶登入、社群互動（如聚會、貼文、留言板）和活動報名系統。與行銷部門協作實施 SEO 優化，並支持響應式網頁設計（RWD）以適應不同設備。同時開發了內部後台管理系統，功能涵蓋數據報表、活動管理及行銷公告等，提升運營效率。

Server Side Render

使用 i18Next，實現 Server -> Client 端分離之多國語系網站。搭配 Redux 為 SEO 做資料預載，提供搜尋引擎收錄行銷文章、UGC 內容，優化網頁效能提升 PageSpeed Insights 分數如圖片延遲載入、滾動查詢等等。

AWS

AWS 部署相關，撰寫 Github Action 自動化，內部後台則部署至 s3。

Go 搭配 Lambda 建置 API 服務，提供產品及後台進行資料庫操作、上傳 s3 ，Cloud Watch 線上 Log 觀察。

管理 AWS 權限及環境變數，針對不同環境 CI / CD 、檔案上傳等調整相關權限，以利部署順利進行。

SEO

帶領行銷團隊進行課程分享、全站規劃、關鍵字文章更新，使用 Ahref 觀察關鍵字、網頁權重分析，Google Search Console 提交 Site Map、移除失效連結、觀察反向連結數等等，支援行銷相關數據研究。

Golang

開發 / 維護內部後台，操作 PostgreSQL、串接 S3 圖片上傳、批次修改資料、讀取 Table 等等，統籌維護 / 開發前後端，協助其餘部門進行人性化界面，操作 / 解讀相關數據，製作數據表格、數據分析等等。

搭配使用 ORM - Gorm 搭配 Gin 框架，達到模組化快速開發之成效。

新芽網路公司 SurveyCake 產品開發

75 萬+用戶之問卷統計工具
B2B / B2C 線上軟體服務
響應式開發
UI 元件程式設計
企業客製化需求
Angular / Vue / React / Redux / Chart.js / Styled Component / Gulp / Jest

Survey Cake

與 PM / 設計 / 後端 / Devops 共同協作，運行 Scrum 與 Code Review，開發問卷編輯器、填答發信、權限管理、題目互動邏輯、明細匯出、統計圖表等等；協助編寫技術文件與撰寫測試，維持程式品質與產品穩定度。

React

使用 React 架構，開發各式功能及 Component ，React / Redux 操作資料流，運用各式 hook 管理 component render 狀態，優化網頁讀取速度，規劃產品開發及重構。

UI Component

Based Material UI 開發元件庫，使用 CSS Styled Component，參照 Zeplin 設計，撰寫含有 RWD 之元件，供 SurveyCake 產品開發使用。

Refactor

重構 Vue、Pug / Jquery 為 React，訂定 Coding Style 提升程式品質與可讀性，使用 Redux / RxJS 操作資料流及撰寫測項，降低維護成本，提升開發速度。

Unit Test

使用 Jest 針對複雜邏輯撰寫單元測項，遵循 TTD 為 SurveyCake 問卷建構邏輯引擎，提供問卷操作行為相關如跳接題、文字檢查、多選題限制、勾選限制等等。

Flow

使用 Git 管控程式碼，遵循 Git Flow 建立多個伺服器，妥善管理功能測試、環境測試、部署等等開發時期之版本控制，配合CI / CD 與 Branch 切割，執行完善且穩定的版本迭代。

真好玩娛樂軟體工程師

內部員工系統 .NET MVC 前後端
Angular.Js
串接金流 API
Line@ API
SP 撰寫
串接管理 GCP 相關 API
.NET MVC / Core / MS SQL / C# / Line@ / GCP / Chart.js / Angular.js

數據後台儀表板

使用 MVC 架構，應其餘部門需求，製作人性化後台，撰寫 MS SQL 之 Store Procedure ，以 C# 進行資料庫連線， Linq 等處理資料邏輯後，使用 Ajax 進行局部更新，再以 AngularJS 做動態資料繫節，以達成網頁即時更新、符合使用者體驗之內部後台網頁。

使用 Chart.Js ，供應公司各部門內部數據視覺化，相關功能應用之開發。

內部員工系統

行銷部-序號匯入、官網圖影上傳&設定、 Line@ 機器人回復設定。

會計部-財報顯示及匯出 Excel 、數據分析圖表化。

客服部-客服案件回報、簡訊批次發送。

金流串接

串接渠道金流，閱讀技術文件後，進行資料加 / 解密，依不同渠道進行資料驗證及金流串接，提供 SDK 金流串接 API ，如藍新、三星支付、華為金流。

Line@官方API

提供官方 Line@ 帳號使用之 API ，包含自動回覆內容、遊戲推薦、序號領取、活動抽獎等等。

遞延報表

從無到有架構 Console 程式， DI/IOC 架構，對遊戲原廠建置排成自動撈取資料，並存入資料庫進行資料分析之專案，針對不同原廠進行客製化串接，串接元寶接口等等。

官網API

使用 .NET Core 提供官網相關資料遞送、存取、資料邏輯處理。如會員登入驗證、驗證碼、商品上架內容、 Banner 圖片撈取。

劉鴻儒