從後端到前端都由我獨立製作的小型電商網站。
後端使用了Express.js 搭配 Mongodb，並串接了 imgur 用為圖片儲存，前端則使用 Nuxt.js 搭配 pinia，並試著使用 Nuxt 的 useCookie() 將購物車及登入紀錄持久化，金流則嘗試串接 Line pay ( sandbox )。
功能包含註冊會員、購物車、結帳、查看訂單 ...等。
- 簡介
- 技術
- 作品
2023 / 06 / 11
RESUMES
👍☀️
我是 陳聖元 / Eric chen
商業設計系畢業後就馬上進入美編的工作，在工作的過程中接觸到網頁相關的領域後，就對網頁產生了興趣，便投入於學習中。
後來很幸運的進入了威德數位設計擔任前端工程師，累積了很多的作品及經驗，在與團隊的合作之下，產出不少形象及購物網站。
Nuxt.js 的作品中嘗試了 middleware 的功能，確保會員在尚未登入之前無法瀏覽特定的頁面，及重新導向的設定，讓會員登入後可以直接導回原先瀏覽的畫面。
此外，也在購物車的畫面中試著撰寫，推薦使用者已加入購物車商品的對應分類中其他商品的設定，及其他各種功能，如整個網站中的內部通知、分享特定頁面至 FB、LINE等、商品的金額及功能類別篩選等。
過往的專案也有過不同的經驗，例如使用 Fabric.js 撰寫網站線上客製功能、web component 撰寫諮詢車功能、串接 google map 製作店家地圖並具有篩選功能、使用 canvas 客製網站互動效果等，也寫了各種小工具致力於加速製作網站的速度，後期也協助新進人員能快速的適應工作環境及解決初期遇到的問題。
台灣 · 台中市
baiyanchen0214@gmail.com
0980381643
Front-end
可獨立依照設計稿切版，並製作 RWD 網站。
能獨立開發專案中的特殊功能需求。
能串接 API，並與後端溝通欄位調整。
- HTML5
- CSS3
- JavaScript
- Vue3
- Nuxt.js
Back-end
獨立設計資料庫欄位，並制定 API 路由。
- Node.js
- Express.js
- Mongodb
- RESTful API
Other
- Git
- Postman
- Figma
作品 & 專案
- 線上購物網站
- 線上購物網站
此專案的特殊需求為線上客製旗幟樣式。
我使用 Fabric.js 做為基底打造線上客製的功能，使用者完成客製後，會將 canvas 轉換為 png 再 POST 給後端紀錄。
使用者的操作也需記錄下來，在購物車的地方可再次回到產品做編輯。 - 形象網站
基本的形象網站，較著重在物件的進場效果及互動效果。
- 形象網站
投資人專區有大量的表格，有特別寫了 CSS 樣板方便切版執行，以及針對不同的表格製作不同的 RWD 樣式。
- 線上購物網站
元太科技三個專案剛好都由我負責，部分的樣式皆有沿用，在前期就已經規劃好共用樣板的製作，加速完成網站切版。
- 線上購物網站
此專案較特別為店家地圖的呈現，需要串接後端提供的 API 及 Google map api，讓客戶新增的店家可以標示在 Google map 上，還有篩選功能能夠篩選不同縣市及類型的店家。