華懋集團 CRM
簡介
此專案為香港華懋集團客製化CRM，提供不同權限的管理員掌握會員、點數、優惠、活動的資料。在專案中我和前端團隊透過Vite建立Vue.js+Typescript的CRM專案 以及使用sass來建構畫面，並且使用Azure DevOps Git做版本控制。專案中我除了與團隊一起分工不同的共用元件之外，也有嘗試使用naigator.mediaDevices來開啟鏡頭，然後搭配canvas來擷取畫面。還有使用套件html5-qrcode來製作掃qrcode讀取會員編號。
設計 :
XD
技術 :
Vue.js / Vuex / Pinia / Vite / Typescript / Sass / Vue-i18n / element-ui / OAuth2.0 / Azure DevOps Git
精選 :
透過vue-i18n來做中英切換
使用套件html5-qrcode來製作掃qrcode讀取會員編號
使用naigator.mediaDevices來開啟鏡頭，然後搭配canvas來擷取畫面
除了分工不同元件之外，也能適當的使用或擴充他人建立好的共用元素
創建共用元素，並且考慮到不同變化的table
可以動態新增一行，並且新增裡面的資料