Taichung City, Taiwan
個人專長 PRACTICAL EXPERIENCE
工作經歷 PRACTICAL EXPERIENCE
主要負責內容:
建立以 Next.js PWA應用,開發專案應用框架,重構專案,建置物業系統管理平臺, 多國語系開發, 底層核心模組建置。
建立前端系統文件、規劃前端系統架構、優化程式碼開發邏輯與規則。
負責專案:
DT - PFMS - 物業管理系統
以Next.js、Mui、Recoil建立物業管理前後台,建立多種模組功能, 如:人事模組、公共模組、設施模組、物業模組、通知模組、ESG模組、報表模組、權限模組、系統相關模組...等。
動態選單、動態設定支援使用者客製化調整系統功能。
角色、權限設定支援不同使用者擁有對應權限調整,依據權限顯示畫面與使用功能。
第三方登入、註冊、綁定Google、Line等第三方登入方式。
建立多國語系, 以支援多時區多地區應用,檢查使用者瀏覽器預設語言與依照使用者個人化設定所需語言對應顯示該語言內容。
DT - ACE - 客戶授權存取控制站
以Next.js、Mui、Recoil建立管理系統。
客戶管理、客戶產品管理、客戶資訊管理模組。
客戶產品授權設定、客戶部署設定。
UMC - AI訓練管理系統後台
以Next.js、Mui、Recoil建立管理後台系統。
人員、角色、系統設定管理。
模型資訊管理、辨識技術記錄管理。
高雄軟體 - 大樓物業系統整合後臺
高雄軟體 - 大樓物業系統整合前臺
Nadi 智慧控制系統
Saas on Cloud
以Next.js、Mui、Recoil建立管理後台系統。
APP管理、工作管理、停車管理、協力廠商管理、工單管理、平臺模組管理。
六月 2022 - Present
主要負責內容:
建立以 Next.js PWA應用,開發專案應用框架,重構專案,建置客製化管理平臺。
建立前端系統文件,如環境建置、環境設定、安裝套件使用、程式碼開發規則、版本升級記錄與方式及專案上記錄遇到的問題與解決方式等。
中華資安 - 消費資安整合-管理後臺
以React、AntDesign、Bootstrap建立資訊內容管理後台,
基礎功能、資訊分享、帳號管理、密碼管理...等模組。
三菱電梯 - 簽核電子化平臺
以React、AntDesign、Bootstrap建立電子出缺勤簽核管理後台。
個人申請、簽核項目、權限管理、個人管理、系統管理...等模組功能。
科工館 - 票務網
以Next.js、Mui建立網站框架結構與元件模組。
三菱電機 - 售後服務-管理後臺
以Next.js、Mui、Recoil建立服務管理後台。
APP管理、討論區管理、維護契約管理、售後服務管理、會員管理、帳號管理、密碼管理...等模組功能。
巨大 - 物業管理系統-管理後臺
以Next.js、Mui、Recoil建立服務管理後台。
APP管理、工作管理、停車管理、協力廠商管理、工單管理、平臺模組管理、密碼管理...等模組功能。
賜鴻 - 企業資訊入口平臺
以Next.js、Mui、Recoil建立服務管理後台。
如:個人功能、簽核管理、人資功能、協力廠商管理、權限管理...等模組功能。
五月 2021 - 五月 2022
使用Javascript/HTML/CSS作為開發語言,使用Smarty進行MVC架構開發與維護教育部學習扶助資源平臺。
一月 2018 - 二月 2021
2013 - 2017
個人專案 SIDE PROJECT
React製作的圖片上傳專案:https://whattalk-745a6.web.app
React結合firebase realtime database進行圖片上傳與顯示功能demo
React CRUD專案:https://react-crud-firebase.vercel.app
React結合firebase storeage進行CRUD demo
Vue串接政府公開資料 api: https://pm25site.vercel.app
Vue 3 使用VueX、axios 串接政府天氣公開資料api demo
Vue串接文化部展覽 api: https://exhibition-with-vue3.vercel.app
Vue 3 使用VueX、Vite、TailwindCss串接文化部展覽資訊api demo
Taichung City, Taiwan
個人專長 PRACTICAL EXPERIENCE
工作經歷 PRACTICAL EXPERIENCE
主要負責內容:
建立以 Next.js PWA應用,開發專案應用框架,重構專案,建置物業系統管理平臺, 多國語系開發, 底層核心模組建置。
建立前端系統文件、規劃前端系統架構、優化程式碼開發邏輯與規則。
負責專案:
DT - PFMS - 物業管理系統
以Next.js、Mui、Recoil建立物業管理前後台,建立多種模組功能, 如:人事模組、公共模組、設施模組、物業模組、通知模組、ESG模組、報表模組、權限模組、系統相關模組...等。
動態選單、動態設定支援使用者客製化調整系統功能。
角色、權限設定支援不同使用者擁有對應權限調整,依據權限顯示畫面與使用功能。
第三方登入、註冊、綁定Google、Line等第三方登入方式。
建立多國語系, 以支援多時區多地區應用,檢查使用者瀏覽器預設語言與依照使用者個人化設定所需語言對應顯示該語言內容。
DT - ACE - 客戶授權存取控制站
以Next.js、Mui、Recoil建立管理系統。
客戶管理、客戶產品管理、客戶資訊管理模組。
客戶產品授權設定、客戶部署設定。
UMC - AI訓練管理系統後台
以Next.js、Mui、Recoil建立管理後台系統。
人員、角色、系統設定管理。
模型資訊管理、辨識技術記錄管理。
高雄軟體 - 大樓物業系統整合後臺
高雄軟體 - 大樓物業系統整合前臺
Nadi 智慧控制系統
Saas on Cloud
以Next.js、Mui、Recoil建立管理後台系統。
APP管理、工作管理、停車管理、協力廠商管理、工單管理、平臺模組管理。
六月 2022 - Present
主要負責內容:
建立以 Next.js PWA應用,開發專案應用框架,重構專案,建置客製化管理平臺。
建立前端系統文件,如環境建置、環境設定、安裝套件使用、程式碼開發規則、版本升級記錄與方式及專案上記錄遇到的問題與解決方式等。
中華資安 - 消費資安整合-管理後臺
以React、AntDesign、Bootstrap建立資訊內容管理後台,
基礎功能、資訊分享、帳號管理、密碼管理...等模組。
三菱電梯 - 簽核電子化平臺
以React、AntDesign、Bootstrap建立電子出缺勤簽核管理後台。
個人申請、簽核項目、權限管理、個人管理、系統管理...等模組功能。
科工館 - 票務網
以Next.js、Mui建立網站框架結構與元件模組。
三菱電機 - 售後服務-管理後臺
以Next.js、Mui、Recoil建立服務管理後台。
APP管理、討論區管理、維護契約管理、售後服務管理、會員管理、帳號管理、密碼管理...等模組功能。
巨大 - 物業管理系統-管理後臺
以Next.js、Mui、Recoil建立服務管理後台。
APP管理、工作管理、停車管理、協力廠商管理、工單管理、平臺模組管理、密碼管理...等模組功能。
賜鴻 - 企業資訊入口平臺
以Next.js、Mui、Recoil建立服務管理後台。
如:個人功能、簽核管理、人資功能、協力廠商管理、權限管理...等模組功能。
五月 2021 - 五月 2022
使用Javascript/HTML/CSS作為開發語言,使用Smarty進行MVC架構開發與維護教育部學習扶助資源平臺。
一月 2018 - 二月 2021
2013 - 2017
個人專案 SIDE PROJECT
React製作的圖片上傳專案:https://whattalk-745a6.web.app
React結合firebase realtime database進行圖片上傳與顯示功能demo
React CRUD專案:https://react-crud-firebase.vercel.app
React結合firebase storeage進行CRUD demo
Vue串接政府公開資料 api: https://pm25site.vercel.app
Vue 3 使用VueX、axios 串接政府天氣公開資料api demo
Vue串接文化部展覽 api: https://exhibition-with-vue3.vercel.app
Vue 3 使用VueX、Vite、TailwindCss串接文化部展覽資訊api demo