Ai7ardmkwr9aegrensrj

陳財丁(Dean)

Front-End 前端工程師
React、Vue
座右銘:失敗並不可怕,可怕的是沒有嘗試過

Hi 我是 Dean,擁有六年開發經驗

喜歡研究新技術、挑戰難關。

Taipei - TW  
[email protected]

工作經歷

Shopline, 前端工程師, 2022/4 ~ NOW

  • 使用 React、Angular、Coffee、TypeScript、Style Component、Material-UI、Chakra UI
  • 開店平台後台
  • 開店平台前台

雲端互動開發有限公司,前端工程師 , 2020/2 ~ 2022/4

  • 使用 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

Profile 05 00@2x

Vivy 電商後台

相關技術:

  • Next.js、Redux、TypeScript
  • Twin、TailwindCSS、Styled-component
  • Storybook
  • React Query、MSW
  • Jest、React Testing Library
  • Either Monad、Clean Architecture
  • Monorepo

Profile 05 00@2x

XnFun-開心相簿

相關技術: 

  • Vue3、Vuex、Vue Router
  • Windi CSS、SCSS
  • SWRV
  • Vite
  • Vue i18n
  • Infinite scrolling in both directions
  • DOM recycling

Profile 05 00@2x

Bibian 代購

相關技術:

  • JavaScript
  • jQuery
  • SCSS
  • XState
  • Google Extension
  • Factory Pattern

Profile 05 00@2x

TSMC 福委會

相關技術:

  • Next.js、Redux、TypeScript
  • Twin、TailwindCSS、Styled-component
  • React Query
  • React Transition Group
  • Jest、React Testing Library

Profile 05 00@2x

MAYO

相關技術:

  • Vue2、Vuex、Vue Router
  • Bootstrap Vue、SCSS
  • jsPDF、html2canvas、html to image
  • Vue i18n
  • ApexCharts.js
  • vuelidate
  • vuedraggable
  • ableplayer

Profile 05 00@2x

ADAC

網站連結


相關技術:

  • React、TypeScript
  • Create-React-App、Customize cra
  • Material-UI
  • XState
  • Chart.js
  • PWA、Service Worker、Workbox
  • reCAPTCHA
  • Nginx、HTTP 2、HTTP push

Profile 05 00@2x

Saatchi

相關技術:

  • React、Redux
  • SCSS、Styled component、Evergreen-ui
  • React Hook Form
  • Mapbox-gl、Kepler.gl
  • Okta
  • jsPDF
  • React Virtualized