德安資訊的餐飲產品「QRcode 點餐」，我主要負責原先產品的功能擴充，後續客戶客製功能，功能維護等。
使用 Quasar Framework / pinia / Vue 3 進行開發，STOMP.js 與後端對接即時更新餐點庫存。
- 簡介
- 技術
- 作品
Welcome To My World
RESUMES
👍☀️
我是 陳聖元 / Eric chen
商業設計系畢業後就馬上進入美編的工作，在工作的過程中接觸到網頁相關的領域後，就對網頁產生了興趣，便投入於學習中。
後來很幸運的進入了威德數位設計擔任前端工程師，累積了很多的作品及經驗，在與團隊的合作之下，產出不少形象及購物網站。例如使用 Fabric.js 撰寫網站線上客製功能、web component 撰寫諮詢車功能、串接 google map 製作店家地圖並具有篩選功能、使用 canvas 客製網站互動效果等，也為了團隊寫了各種小工具致力於加速製作網站的速度，後期也協助新進人員能快速的適應工作環境及解決初期遇到的問題。
而目前我在德安資訊則是負責餐飲相關的系統維護及開發，舊有的 QRCode 點餐系統維護、擴充客製功能如先結帳後結帳流程區分，會員系統串接等。
也獨力使用 Vue 3 + TypeScript + Quasar Framework 開發了各大機場美食街的餐飲自助點餐機，設計購物車會員非會員頁面導向邏輯，外國語系使用者結帳流程替換，與後端配合實作 WebSocket 串接自助機硬體遠端開關自助機等功能。 台灣 · 台中市 [email protected]
Front-end
可獨立依照設計稿切版，並製作 RWD 網站。
能獨立開發專案中的特殊功能需求。
能串接 API，並與後端溝通欄位調整。
- HTML5
- CSS3
- JavaScript
- Vue3
- Nuxt.js
Back-end
獨立設計資料庫欄位，並制定 API 路由。
- Node.js
- Express.js
- Mongodb
- RESTful API
Other
- Git
- Postman
- Figma
作品 & 專案
- 餐飲產品
- 餐飲產品
德安資訊的餐飲產品「餐飲自助點餐機」，由我配合後端獨立開發此產品，同樣使用 Quasar Framework 進行開發
商業邏輯較 QRCode 點餐服務複雜，並需要實際配合後端串接硬體。
付款失敗的重新付款流程，機場員工與會員的登入判斷，閒置畫面的導向判斷，外國使用者的付款流程 ... 等
附圖為實際走訪現場拍攝此專案尚無提供 demo 畫面 - 線上購物網站
此專案的特殊需求為線上客製旗幟樣式。
我使用 Fabric.js 做為基底打造線上客製的功能，使用者完成客製後，會將 canvas 轉換為 png 再 POST 給後端紀錄。
使用者的操作也需記錄下來，在購物車的地方可再次回到產品做編輯。 - 形象網站
基本的形象網站，較著重在物件的進場效果及互動效果。
- 形象網站
投資人專區有大量的表格，有特別寫了 CSS 樣板方便切版執行，以及針對不同的表格製作不同的 RWD 樣式。
- 線上購物網站
元太科技三個專案剛好都由我負責，部分的樣式皆有沿用，在前期就已經規劃好共用樣板的製作，加速完成網站切版。
- 線上購物網站
此專案較特別為店家地圖的呈現，需要串接後端提供的 API 及 Google map api，讓客戶新增的店家可以標示在 Google map 上，還有篩選功能能夠篩選不同縣市及類型的店家。