技能
HTML / CSS
- HTML5 / CSS3
- RWD
HTML / CSS Preprocess
- pug
- SASS
JavaScript / Frameworks
- Javascript ES5 / ES6
- Vue、Vuex、Vue-router
- Ajax、RESTful API
- JQuery
CSS Frameworks
- bulma
- Bootstrap
Backend
- Node.js 、Express
- Apollo GraphQL、MySQL
- Firebase
- Nginx
Tools
- Webpack
- NPM
- Git flow
Others
- Vue-axios、Vue-i18n、vuelidate
- D3.js
- Amazon S3、CloudFront
- Google Analytics
工作經歷
鴻華國際科技公司 Masterwork Aoitek Tech Corp Ltd., Frontend Engineer, Jul 2018 ~ 現在
負責 Lollipop 部門的官網、商城及公司內部使用之網頁開發以及維護，網站皆使用 Vue.js 開發。
【線上網站】
Lollipop官網：www.lollipop.camera
Lollipop商城：store.lollipop.camera
Lollipop monitor：my.lollipop.camera
lollipop-sales-promotion （行銷活動之活動頁）：https://www.lollipop.camera/black-friday-2019/
【公司內部系統】
Lollipop-store-console （訂單管理系統）
Lollipop-QA-console （客服系統）
Lollipop-ig-console （IG網紅追蹤分析系統）
Lollipop-email-mjml（支援行銷製作銷售活動EDM）
------------------
【線上網站】
iGuard 部門官網：http://iguard.vision/
華芸科技公司 ASUSTOR Inc., Frontend Engineer, Sep 2015 ~ Jan 2018
• 前端設計與開發 NAS 監控系統的 Web UI 及功能(ExtJS/HTML/CSS/JavaScrpit/AJAX)
• 開發與設計集中化監控軟體(Central Management System)
• 維護系統並解決客戶 Issue
• 客製化系統功能提供給客製化專案
• Export health record 監控系統健康管理報告輸出 (包含 UI 與後端 CGI 撰寫)
網頁請從監控中心的 DEMO 網頁進入，登入後在 Desktop 找到Surveillance Center Icon 點擊進入網頁：https://www.asustor.com/zh-tw/surveillance?sub=104
大寶科技有限公司, 前端工程師, Mar 2015 ~ Apr 2015
大寶科技公司官方網站前端 UI：http://www.alchemytech.com.tw/
向上遊戲科技股份有限公司, 程式設計 實習生, Jul 2014 ~ Aug 2014
暑期實習，開發益智小遊戲
學歷
臺中科技大學, 學士學位, 資訊工程系, 2013 ~ 2015
於2013年暑假後從淡江大學資管系轉學至台中科大資工系，為補齊資工相關學分雖有較繁重的課業壓力，但我仍參與本系i.m.a.c雲端教學社團每天學習HTML、CSS、RWD、前端UI等前端相關技術，並透過產學合作、專題練習來磨練前端技術。
私立淡江大學, 學士學位, 資訊管理學系, 2011 ~ 2013
肄業，2013年轉學至台中科技大學
Project
Lollipop 官網
Lollipop Baby Camera 形象網頁。
- Vue.js、Vuex、Vue-router、Vue-i18n
- Lollipop Care 架構設計
- 動畫展示 vue-awesome-swiper、v-masonry
- 手機端有全景陀螺儀功能
Lollipop 商城
Lollipop Baby Camera 全球購物商城。
https://store.lollipop.camera/
- Vue.js、Vuex、Vue-router、Vue-i18n
- Lollipop store 網頁改版
- EC Website Development
- 用API完成動態商品網頁、結帳
My Lollipop
Lollipop APP (video monitor) 的 Web版。
- Vue.js、Vuex、Vue-router、Vue-i18n
- Socket.io、message server
- D3.js 繪製 timeline
- flv.js 播放 http-flv streaming
Lollipop-QA
客服系統，供公司客服查詢客戶相機狀態、解決問題 。
- Vue.js、Vuex、Vue-router
- D3.js 繪製 sleeplog 圖表
- 新功能管理後台 sleeplog feature，D3.js 繪製嬰兒的睡眠狀態圖表(圖中) ，點擊圖表可取得該時間點的影片(圖右)查驗狀態是否正確。
Lollipop-ig-console
Lollipop與IG網紅合作之公司內部系統，支援行銷查詢網紅合作的進度 。
- Vue.js、Vue-router
- 獨立製作，架構設計、前端實作、架站
- 因本專案資料皆可直接從DB取得，嘗試了新的技術GraphQL實作。
Side Project
