吳俐廷
前端經驗四年多,熟悉Vue.Js 並實作過多個專案。
模組化能力強,能應付快速迭代的需求。
Front-End Developer
Taipei, Taiwan
theia35@gmail.com
.contentarea .c .skill ul {
margin-left: -23px;
}
.contentarea .c .skill ul li {
margin-bottom: 6px;
}
.contentarea .c .skill ul li span {
font-size: 15px;
}
JavaScript / Frameworks
- Javascript ES5 / ES6
- Vue、Vuex、Vue-router
- Ajax、RESTful API
- JQuery
CSS Frameworks
Backend
- Node.js 、Express
- Apollo GraphQL、MySQL
- Firebase
-
Nginx
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
向上遊戲科技股份有限公司, 程式設計 實習生, Jul 2014 ~ Aug 2014
暑期實習,開發益智小遊戲
臺中科技大學, 學士學位, 資訊工程系, 2013 ~ 2015
於2013年暑假後從淡江大學資管系轉學至台中科大資工系,為補齊資工相關學分雖有較繁重的課業壓力,但我仍參與本系i.m.a.c雲端教學社團每天學習HTML、CSS、RWD、前端UI等前端相關技術,並透過產學合作、專題練習來磨練前端技術。
私立淡江大學, 學士學位, 資訊管理學系, 2011 ~ 2013
肄業,2013年轉學至台中科技大學
.contentarea .c .project {
background-color: #f2f4f5;
}
.contentarea .c .project .col-sm-4 img {
margin-bottom: 10px;
}
.contentarea .c .project .col-sm-4 {
margin-bottom: 25px;
}
.contentarea .c .project .col-sm-6 {
margin-bottom: 25px;
}
.contentarea .c .project ul {
margin-left: -23px;
}
.contentarea .c .project ul li {
margin-bottom: 6px;
}
.contentarea .c .project ul li span {
font-size: 15px;
}
Lollipop 官網
Lollipop Baby Camera 形象網頁。
http://www.lollipop.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版。
https://my.lollipop.camera/
- Vue.js、Vuex、Vue-router、Vue-i18n
- Socket.io、message server
- D3.js 繪製 timeline
- flv.js 播放 http-flv streaming
Lollipop-store-console
商城訂單管理系統,供公司產線出貨使用。
- Vue.js、Vuex、Vue-router
- 新增篩選用的新活動訂單狀態
專案介紹 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實作。
專案介紹
.contentarea .c ul {
margin-left: -23px;
}
.contentarea .c ul li {
margin-bottom: 6px;
}
.contentarea .c ul li span {
font-size: 15px;
}