2018 eslite XMAS Card
ReactFabric.js
2018 Eslite XMAS Card 是我在學生時期和同學與誠品書店合作的專案。誠品書店希望讓任何人使用誠品與合作插畫家陳狐狸的素材製作聖誕賀卡，並分享卡片取得書店優惠券。我們建立了一個 DIY 卡片網站，使用者可以藉由拖曳排放素材位置、移動圖層、更換字體或卡片樣式。活動期間網站使用人次達 1.2 萬人。
負責
- 專案初始化及相關技術調查。
- RWD 設計，確認使用者在手機、平板、電腦螢幕大小都能方便自製聖誕賀卡。
- 使用 React 及 Fabric.js 建立網站。
使用技術
React
用於作為網站的前端框架，並整合 Fabric.js。
Fabric.js
提供卡片製作功能多樣的 HTML Canvas API，並簡化開發時間。
作品截圖
