競賽
- 2021 第 13 屆 IT 鐵人賽 鐵人鍊成 最佳團隊
- 2019 第 11 屆 IT 鐵人賽 佳作
- 2018 第 10 屆 IT 鐵人賽 鐵人鍊成
- 2017 新竹黑客松
- 2017 軟體創作達人暑期成長營 冠軍
技能
- Experience with Frontend Development (React, Redux, SCSS, Webpack, Gulp, Draft.js)
- Experience with Data Visualization (D3.js, Highcharts.js, Chart.js)
- Experience with RWD Development (Bootstrap)
- Experience with ES6/ES7
- Experience with Google API (Google Map API, YouTube Data API)
- Experience with OAuth (Google OAuth 2.0)
- Experience with GCP
- Experience with Docker
- Experience with K8s
- Experience with Backend Development (Node.js, Express, MongoDB, WebSocket)
- Familiar with Git (GitHub, GitLab)
- Familiar with Unix-like Environment (Ubuntu, CentOS)
工作經歷
OneDegree, 前端工程師, June 2021 ~ Now
- 撰寫網頁，開發 IXT 網站並使用 React.js 搭配 Next.js 進行前端 SSR 視覺開發
- 撰寫網頁，開發 LanuchPad 網站並使用 Nx monorepo 架構進行網站開發
蝦皮購物 shopee, 前端工程師, August 2020 ~ May 2021
- 撰寫網頁，開發蝦皮大學網站，並使用 React.js 搭配 Next.js + Ant Design 進行前端 SSR 視覺開發
- 撰寫網頁，開發蝦皮超市、蝦皮直送、蝦皮電子網站，並使用 React.js 搭配 TypeScript + chakra-ui 進行前端視覺開發
- 使用 BEM 命名規則，讓 CSS className 命名更優雅
- 設計 css animation 讓蝦皮大學網站有更多的使用者互動
- 設計共用的 custom hooks 給專案使用
- 串接 firebase，並利用 firebase remote config 讓專案不需頻繁更新 constants 進行畫面的調整
- 利用 Draft.js 設計一套內容管理系統，讓需求端可以進行電商專欄文章撰寫
酷訊搜索 koodata, 前端工程師, June 2019 ~ July 2020
- 撰寫網頁，開發拍賣直播軟體 Easylive 以及 Koo.live ，並使用 React.js + Ant Design 進行前端視覺開發
- 利用 GraphQL 進行前後端溝通，前端利用 Apollo GraphQL 套件進行 query 以及 mutation 的串接
- 利用 react hook 進行 functional component 的撰寫，並利用 redux 進行狀態控管
- 利用 GCP 上的 Google Kubernetes Engine 進行 KooAds 的產品架設
- 利用 GCP 上的 cloud build 藉此達到 Continuous deployment 的效果
- 舉辦多次公司技術分享會，分享 DevOps 技巧(Docker、K8s) 以及前端技巧
IBM, 前端工程師, Feb 2018 ~ Dec 2018
- 前端使用 Angular4 + Bootstrap 進行開發
- 撰寫網頁，開發銀行業之個人網路銀行以及企業網路銀行
- 進行元件開發，提供元件至各項專案使用
- 分析 wireframe 並實做成網頁 prototype
- 使用 Zeplin 與 UI 工程師合作打造出美觀的網頁
國華琺瑯製衣機械工業, 軟體工程師, Feb 2017 ~ Feb 2018
- 使用 C# 作為開發主要程式語言
- 使用 OracleDB 作為資料庫系統
- 撰寫 WebService 讓程式獲取資料庫資料更為安全
- 撰寫 ERP 系統，幫助公司了解工廠訂單以及生產情形
- 撰寫維護檔，幫助公司進行 ERP 系統維護
學歷
元智大學, 學士學位, 資訊工程學系, 2014 ~ 2018
英文檢定
於多益檢定中獲得775分
個人作品集
ㄧ、音樂推薦系統
- 專案時間：2017.07~2017.08
- 相關技術：html, css, Highcharts.js, D3.js, Webpack, Google API, MongoDB, keras
- 在這套系統中我負責的部分是前端的技術，透過串接不同的 Google API 讓使用者在選取作為推薦歌曲的基底時，有不同選方式例如：查詢歌曲、登入 Google 帳號藉以獲得使用者於 YouTube 上按過喜歡的影片其中分類為音樂的影片，最後再將後端回傳的歌曲相似度結果利用 Highcharts.js 以及 D3.js 進行資料視覺化的呈現，讓使用者可以快速的了解歌曲與原曲之間的相似程度。
