About
Portfolio
陳財丁(Dean)
Front-End 前端工程師
React、Vue
座右銘:失敗並不可怕,可怕的是沒有嘗試過
Hi 我是 Dean,擁有四年開發經驗
能獨立開發、獨自解決問題,適應能力好, 喜歡研究新技術,喜歡挑戰難關。
Taipei - TW
[email protected]
工作經歷
雲端互動開發有限公司/前端工程師 : (2020/2 ~ Now)
使用 React、Vue.js、TypeScript、TailwindCSS、Material-UI、Bootstrap
外貿協會 - 行政流程數位化
台塑企業 -
營業e化前後台
安麗 - Live GO 直播平台
ADAC - 協助業主 POC
Bibian - 電商平台 Plug-in
XnFun - 開心相簿前台改寫
連億開發股份有限公司, 前端工程師, 2019/5 ~ 2020/1
使用 React、Next.js、Jest
官方網站開發
會計系統 - 數據管理和圖像化
客服系統 - 將 Django 框架轉為 React
法國巴黎管理顧問公司, 軟體工程師, 201711 ~ 2019/5
使用 Graph Talk、jQuery
保險系統開發維護
跨部門間的合作討論
技能
JavaScript
JavaScript (ES6)
TypeScript
React(Hook) / Redux
Vue.js / Vuex
PWA - Service worker
Unit Test - Jest, React-testing-library, Vue-test-utils
RWD Layout
HTML5 & CSS3
能解決跨瀏覽器的相容性
能不依賴 framework 客製化網頁
能以 SCSS 撰寫更好管理的程式碼 RWD 的 CSS 語法、技巧
Style Components, Material-ui TailwindCSS, Element-ui, Bootstrap
Tools / Development
Git / npm
Github / Gitlab
Postman
Chrome Dev Tool
使用 Sourcetree 工具
Scrum
Jira / Zoom / Slack
Page speed / lighthouse
工作作品 / Front-End
Vivy 電商後台
相關技術:
Next.js、Redux、TypeScript
Twin、TailwindCSS、Styled-component
Storybook
React Query、MSW
Jest、React Testing Library
Either Monad、Clean Architecture
Monorepo
XnFun-開心相簿
相關技術:
Vue3、Vuex、Vue Router
Windi CSS、SCSS
SWRV
Vite
Vue i18n
Infinite scrolling in both directions
DOM recycling
Bibian 代購
相關技術:
JavaScript
jQuery
SCSS
XState
Google Extension
Factory Pattern
TSMC 福委會
相關技術:
Next.js、Redux、TypeScript
Twin、TailwindCSS、Styled-component
React Query
React Transition Group
Jest、React Testing Library
MAYO
相關技術:
Vue2、Vuex、Vue Router
Bootstrap Vue、SCSS
jsPDF、html2canvas、html to image
Vue i18n
ApexCharts.js
vuelidate
vuedraggable
ableplayer
ADAC
網站連結
相關技術:
React、TypeScript
Create-React-App、Customize cra
Material-UI
XState
Chart.js
Fuse.js、
Match highlight texts
PWA、Service Worker、Workbox
reCAPTCHA
Nginx、HTTP 2、HTTP push
Saatchi
相關技術:
React、Redux
SCSS、Styled component、Evergreen-ui
React Hook Form
Mapbox-gl、Kepler.gl
Okta
jsPDF
React Virtualized