Ogcgnseq3jsxkme9cfe3

李國均 (Travor Lee)

擁有四年前端開發經驗,製作過無數個系統級專案,並協助公司開發兩套開源專案,主導規劃專案架構及協助工程部門成長,開發上主要是全手刻畫面,不套用常見 UI library 以達到高度客製化需求,透過一次次專案的磨練,不斷要求自己使用最新的技術並優化過去的寫法,不曾放棄過學習。

前端工程師 Sr. Front-End Developer
Taipei, Taiwan
[email protected]

技能


Framework/Library

  • React (v15.6 ~ v17.x)
  • React Native
  • redux/zustand
  • react-router
  • ajax/apollo graphql
  • sass
  • webpack/babel/eslint
  • jest
  • storybook
  • docusaurus v2


Languages/Tools

  • Javascript/Typescript
  • Flow type/Prop-types
  • HTML5/CSS3
  • Zeplin/Sketch/Figma/Postman
  • GraphQL/Sequel Pro/VS code


Front-End skills

  • three.js 開發 3D 動畫
  • pixi.js 開發 2D 動畫轉場
  • chart.js 開發各種圖表
  • gsap 開發圖文動畫轉場
  • formik/react-final-form/redux-form/react-hook-form 都使用過
  • monorepo structure development
  • open source library deployment (lerna)
  • unit testing (jest)


工作經歷

八拍子股份有限公司 (Rytass), Research & Development, Feb 2018 ~ 現在

  • 開發超過 20 多個來自不同企業的 ERP 系統/CMS/Campaign/Official Site,並且每次開始新專案前會對既有使用技術進行一次更新,盡量使用目前最新穩定版的技術
  • 獨立處理前端需求,從 0 開始建立專案,並透過建立一套自己的 project template 來加速每次新專案開發時的速度 (react typescript template)
  • 確保專案成員維持高品質的水準,審核 PR 及訂立 linter/commit 規範,指導其他 junior 成員使他們能跟上專案進度
  • 開發以公司需求為導向的 open source UI library,參考 ant-design/material-ui 等大型專案,規劃並主導專案推進,嚴格要求程式碼品質及 git commit 格式 (@mezzanine-ui)
  • 以全端的方式進行訓練,能同時了解前後端架構,減少在開發上因不了解對方需求而造成的隔閡
  • 協助公司制定工程分級表,讓公司能釐清每位工程師的職責,使權責能夠劃分更清楚
  • 協助公司面試工程部新人
  • 舉行每週讀書會,總計已累積 27 份工程相關領域報告 (My slides)
  • 個人的開源 library 開發 (已沒有維護):react-apollo-flexi-table

Qvh7g4v5aoe2kncn2mrz

八拍子股份有限公司 (Rytass), 實習生(前端), Feb 2016 ~ Sep 2017

  • 在前輩的帶領下,協助專案功能的開發並學習使用 React
  • 曾參與過 3 個較大型的專案,負責其中部分功能的開發

Blehq3nx2wpuw5l8e4tj

學歷

國立臺北大學, 學士學位, 資訊工程學系, 2013 ~ 2017

學習歷程

  • C/C++ 基礎課程
  • 主修網路領域課程 - 資訊安全、網路協定等等
  • Java / Swift 2 自學

專題製作

  • 智慧路燈系統 (負責 ios app 端)

程式競賽

  • 2016 昕創 APP 程式競賽 - 入圍決賽(前 25 名)

社團/活動參與

  • 臺北大學資工系 第 10 屆系學會 副會長
  • 臺北大學資工系 系友籌備會 秘書長
  • 臺北大學資工系 103 學年度 新生迎新宿營 總召
  • 臺北大學熱舞社 15 屆 popping 教學
  • 臺北大學熱舞社 2014 年college high全國團體賽 北大代表隊 4 強
  • 第 12 屆北臺灣 30 校聯合舞展 (北區舞展) 副召

Wxf2derrjo58zypzvy03

專案

Projects 01 00@2x

國家兩廳院官網

耗時一年完成的國家兩廳院官網,並持續在維護當中。作為一個專案前端負責人,從 2020 TIFA 活動頁,到後來建起完整的官網,最困難的部分是耗時一個月研究 3D 場館動畫如何執行,同時致力於改善無障礙體驗,從中了解到不少無障礙網站所需要注意的細節。


連結:前往兩廳院官網

Projects 01 00@2x

花蓮觀光資訊網


從 0 到有的第一個專案,在此專案中學習到元件模組化的重要性,若是一開始沒有思考清楚,便很容易讓程式碼變得雜亂難以維護。 


連結:前往網站

Projects 01 01@2x

比特幣交易網


仿造比特幣交易市場最頂尖的 BitMEX,製作一個類似功能的網站,同時優化部分功能,並能點選價格直接交易,同時為了滿足交易的便捷性,在優化上花了不少心力。 


參考網站:BitMEX  (因未公開,故無法提供專案網站)

Projects 01 00@2x

artmo 包膜官網


提供客戶線上客製化包膜服務,使用到大量的 canvas (使用 konva 套件製作),能讓消費者製作想要的樣式,並透過 line pay 付款後輸出給廠商製作。


連結:前往官網

Projects 01 01@2x

心理測驗套版


製作一個心理測驗產生器的後台,讓後台人員能直接產生想要的問題及答案組合,樣式上只能依照我們定義好的版型放圖片、文字、顏色。

Projects 01 02@2x

新竹縣政府環保局-污染防治宣導網


連結:前往網站

Powered By CakeResume