此專案為香港華懋集團客製化CRM，提供不同權限的管理員掌握會員、點數、優惠、活動的資料。在專案中我和前端團隊透過Vite建立Vue.js+Typescript的CRM專案 以及使用sass來建構畫面，並且使用Azure DevOps Git做版本控制。專案中我除了與團隊一起分工不同的共用元件之外，也有嘗試使用naigator.mediaDevices來開啟鏡頭，然後搭配canvas來擷取畫面。還有使用套件html5-qrcode來製作掃qrcode讀取會員編號。

簡介

使用套件html5-qrcode來製作掃qrcode讀取會員編號

使用naigator.mediaDevices來開啟鏡頭，然後搭配canvas來擷取畫面

除了分工不同元件之外，也能適當的使用或擴充他人建立好的共用元素

創建共用元素，並且考慮到不同變化的table

可以動態新增一行，並且新增裡面的資料

精選

設計

技術

華懋集團 CRM

透過Vue.js、Socket.IO、Node.js、mongodb來製作簡易的聊天室。

聊天室

公司針對製造、零售 、金融與非營利組織等企業機構 ，提供微軟Dvnamics CRM系統整合，企業軟體顧問服務，我有參與到的專案有漢神、Yata 、FET遠傳、華懋集團。在公司，我主要是負責前端的工作，內容為客製化Dynamics CRM以及客製化CRM並且串接API或是Dynamics CRM中Odata的資料。

在既定的Dynamics CRM架構下，鑲嵌html檔或js檔進去，並搭配Dynamics365 JS語法去正確顯示資料與畫面

選擇會員或是電話號碼，填寫完會自動帶入會員資料，就可以列印抽獎券給會員了

使用vue來客製化客戶想要的操作方式與畫面製CRM

開發前的設計與確認需求也在工作的範疇裡

Cloudnifier TW

使用Vue.js搭配Gridstackjs製作的功能，可以添加圖表或表格或文本，並且可以拖動。

Gridstack

在公司中，主要是維護與開發公司內部系統，會配合公司行銷等部門，依照需求提供排程或是頁面上的功能，提高公司資料管理效率等等。另外有負責OTT服務，所以有製作API給外部廠商的經驗，以及有負責公司APP畫面與API維護。針對舊專案，整理共用function與部分程式重構，並且導入laravel使用service跟repository的架構，另外有針對資安上做一些盤點與優化，像是推API token，協助使用laravel sanctum

活動案，可以上傳兌換碼，然後會透過排程去比對到相對應的用戶後，可以去發簡訊。接著是可以上傳兌換的結果，一樣透過排程去回報數量。其他功能有可以重發簡訊或是更新最新手機等等，畫面上也可以方便我們的服務人員確認現在的發放狀態

跟銀行合作，讓我們公司的服務人員方便上傳帳單到銀行

客服人員面對到用戶個資的時候，都需要輸入密碼驗證是公司的人才可以進行查看

Homeplus

Ideas

數學島是屬於中央大學陳德懷教授的「明日學校」計畫之一，主要是以電腦作為學生學習輔具，協助老師教學。數學島將數學概念以互動式遊戲形式呈現，並以課程地圖的方式引導學生進行自我進度學習。學生透過挑戰數學任務闖關，依自己的能力，規劃與經營自己的學習，進而提高學生的信心與興趣。教師可以透過學習歷程清楚掌握每位學生的學習狀況與進度，給予學生不同的建議與幫助，解決學生的學習困難。在此專案中，我會需要了解老師的需求或是研究生的實驗需求，再依照需求設計畫面、資料庫規劃，再來就是產出相對應的API，接著撰寫前端功能與串接API。

每天會自動發送過去學生有做過的任務，以及一個他這個年級但沒有做過的題目。這裡也可以是老師針對該學生或該班級發送練習作業的地方

題目與作答之外，也會有教學與提示來幫助學生寫題，另外也有計算紙可以供給學生運算或是筆記，另外計算紙的筆記也會存擋起來，給老師做分析

學生也可以分享自己解題的方式，讓好友可以來留言跟評價教學的方式

學生可以用答題賺的錢錢，來買好看的船跟房子，我也要畫這些小東西

老師除了可以看到自己有帶班的學習狀況外，也可以單獨查看學生的學習進度

除了數學島上的學習之外，也可以搭配老師其他的教材，這邊是可以讓老師了解自己出的作業與學生的數學島上的學習進度

舉手發問是讓老師在班上，如果有學生需要排隊問問題的即時系統

老師完成一個同學之後就會自動換下一位同學

數學島

記憶卡牌

網站規劃、設計，以及前端切版練習，主題為賣陶藝商品以及課程教學的網站。

手の土

使用Next.js製作一個CRM的網站，尚未完成。

OKGO CRM

使用Laravel+React.js+Tailwind來製作一個簡單的問卷調查管理系統。先是透過React.js與Tailwind建構前端頁面，然後使用Laravel來判斷使用者有無登入，有登入才可以使用大部分的API。這次有試著使用Laravel RESTful API的方式來寫部分的API。

透過Laravel的Auth登入與登出，並且使用Middleware區隔登入與未登入。

創建想要調查的內容，以及想要詢問的問題。

Survey Laravel

使用React.js製作，主要是練習'useContext'。

SHANG

待辦事項

簡介

URL :

設計 :

技術 :

Oops!