Bxzpvziypvcq8tilpckz

黃宗榮 | Zong-Rong Huang

持續精進的 React 前端開發者,於 ALPHA Camp 進修全端網頁開發。累積六年中、英技術文件及 UX 寫作經驗,擅長分析式思考、具備產品使用體驗 UX 敏銳度。擅長跨領域學習,熱愛發問,經常與跨部門成員進行溝通、協作。能活躍於中、英雙語工作環境。

臺灣.臺北市

  [email protected]

技能

前端開發                                             後端開發                                            其他

  • JavaScript & TypeScript
  • HTML5 & CSS3
  • React & React Router & React Hooks
  • Redux (Redux Toolkit)
  • Next.js
  • Vue & Vuex & Vue Router
  • Sass & SCSS/CSS modules
  • Tailwind CSS & Bootstrap
  • Styled components & Emotion.js
  • RWD
  • jQuery


  • Node.js
  • Express
  • Handlebars
  • MongoDB (Mongoose)
  • MySQL (Sequelize)


  • Git & GitLab & GitHub
  • Firebase & Heroku & GitHub Pages
  • Postman
  • Gulp.js
  • PostCSS
  • UX 寫作 & 技術文件寫作 & 英進中翻譯
  • 中文 (母語) & 英語 (高級) & 西班牙語 (DELE B1)

工作經歷

智鈦星平臺服務 GTS Platform Services - 前端工程師                                                  2022/7 - 至今

  • 為桌面及行動裝置版本 web app 開發產品活動網頁並提升圖片載入效能
  • 使用 React、Next.js 及 Tailwind CSS 開發、維護桌面及行動裝置版本網站
  • 撰寫 Gulp 任務自動化處理腳本進行專案打包 
  • 為行銷部門建立可重複使用的嚮應式 CMS 模版

普安科技 Infortrend Technology - 技術文件專員 & 資深技術文件專員                  2018/1 - 2022/3

  • 撰寫、校對及管理桌面軟體介面文案、技術文件及行銷文案 
  • 分析軟體介面文案問題,提供 UX 建議改善軟體可用性 
  • 建立與軟體工程師及專案經理共同合作的文件審查流程並縮短文件交付時間至 2 周以內

ALPHA Camp - 兼任教學助理                                                                                         2020/12 - 至今

  • 批改學期一 HTML/CSS/JavaScript 作業
  • 回顧超過 120 位入門學員的心得回饋並給予學習建議

愛比科技 IPEVO - 產品經理                                                                                           2017/8 - 2018/5

  • 為公司旗下二款 Wi-Fi 教育用途攝影機產品設計友善的裝置設定網頁流程 
  • 指導 2 位新進產品經理,協助了解產品相關知識及開發流程 

群暉科技 Synology Inc. - 技術文件工程師                                                                   2014/9 - 2017/7

  • 撰寫、校對及管理 NAS 資料儲存裝置的桌面及行動裝置軟體介面文案及技術文件 
  • 分析軟體介面文案問題,提供 UX 建議改善軟體可用性 

個人專案

Paragraph image 01 00@2x

ASMR Player [GitHub|Demo]

內含 ASMR 效果的音訊及背景圖片,提供視覺及聽覺上的沉浸式放鬆體驗。

  • 可拖曳的音樂播放控制器,提供三種播放模式 (專輯循環播放、單曲循環播放及隨機播放) 
  • 具備動畫效果的側邊選單,能夠切換背景圖片及取得更多圖片資訊 
  • 採用 Google 提供的使用者驗證機制
  • 可離線使用 (僅有本地圖片) 及連線使用 (隨機取得 Unsplash 圖片) 
  • 部署於 Firebase
使用技術:TypeScript, React, React Router, Redux Toolkit, React Redux, Styled components, Firebase 

Spanish Verb Conjugator [GitHub|Demo]

提供超過 600 個西班牙文動詞及 19 種動詞變化,內建多種互動式學習輔助功能。 

  • 搜尋欄提供自動完成建議、錯誤輸入的警告訊息及用來輸入西班牙文特殊字元的鍵盤 
  • 具備三種使用模式,能讓使用者檢視 (檢視模式) 及記憶動詞變化 (字卡模式及填空模式) 
  • 提供個人化搜尋頻率分析,列出最近七次使用中最常搜尋的動詞 
  • 使用自訂樣式及 Bootstrap,可適應不同大小及方向的裝置螢幕 
  • 部署於 GitHub Pages
使用技術:Vue, Vue Router, Vuex, Bootstrap, GitHub Pages

Paragraph image 00 00@2x

Paragraph image 01 00@2x

URL Shortener [GitHub|Demo]

依據輸入的原始網址來建立短網址。

  • 依據輸入的網址建立短網址
  • 輸入已有短網址的網址,從資料庫中取回已有的短網址,不再重新建立
  • 輸入不存在的網址,會出現提示訊息
  • 在瀏覽器上輸入短網址,即可導向對應頁面
  • 提供中文及英文介面顯示語言
  • 部署於 Heroku
使用技術:Node.js, Express, Handlebars, MongoDB, Mongoose, Bootstrap, Sass, Heroku

教育 & 技術訓練

ALPHA Camp 全端網頁開發訓練課程結業                                 2020

國立臺灣大學 語言學研究所碩士                            2010 - 2013

GPA:4.26/4.3

中央研究院歷史語言研究所傅斯年獎學金 (2012)

國立臺灣大學 外國語文學系學士                                                                                       2005 - 2010

平均:87.85/100

國立臺灣大學書卷獎 (排名:2/109) (2008)