就職前端工程師工作經驗約三年,擅長的前端框架是 Vue,有獨自完成前端專案的經驗。
因為待過小型的開發團隊,雖然在前端多人協作的經驗比較少,但培養了我的獨立開發能力。我善於將問題或開發進度進行統整以提升效率、有很高的自主學習意願、喜歡接觸新技術、善於與他人溝通。
平時喜歡關注音樂與科技相關的事物。近期開始試著將不同的興趣結合,嘗試練習「想法的發想與實現」,享受在開發的過程中得到不同的經驗或成就感。
Portfolio|[email protected]|0956 616 456
經歷專案
Vue2, Vuex, PWA, service worker
核心功能:
排班系統、月曆組件、打卡系統、表格組件、報表 Dashboard
共有後台、居服員、個案介面三個專案構成,使用 PWA 實作手機版介面,客製化月曆組件可以快速管理排班,帳號權限設定可控管不同的使用者功能。
高靈活度系統架構,提供機構可依使用習慣或需求自行調整系統規則,快速迭代紙本或舊有系統。
參考 hash table 的概念將 api 回傳的大量陣列資訊轉換為 key-value pair 的資料結構,減少使用大量的迴圈提升資料分類查找的效率,解決量能負載問題。
監聽網路連線事件,當網路沒有連線時保留 api request,使用 indexedDB 管理並在連線恢復後自動重新發送。
Vue3, vite, i18n, router, pinia, vueuse, web3
核心功能:
web3.js 合約互動、表單組件、多語系
透過 web3.js 讓使用者可以載入 NFT 合約地址並建立收藏集,透過收藏集建立群組與賦能活動,讓企業與參與者可以透過 PC、手機執行 NFT 賦能活動的驗證與兌換。
後台除了管理可以賦能活動,也提供使用者購買點數、追蹤訂單等功能,建立賦能活動的商業模式。
Vue3, vite, i18n, SSG, SEO
核心功能:
多語系、RWD、SEO
使用 Vue3 與 vite 生態系開發,SSG 架構部署,並使用 Measure page quality 調校效能與 SEO,使用 google search console 監控成效。
已完成前端開發,待品牌方正式上線。
I'm a front-end engineer and I have 3 years of working experience in front-end. My specialties are HTML, CSS, JavaScript and Vue.js, and I have experience in building and finishing project by myself.
I improve my independent development skills since I have been in a small development team. I am good at integrating problems to improve efficiency, have a high willingness to learn independently, like to be exposed to new technologies, and be good at communicating with others.
I like everything related to music and technology. I've recently started experimenting with combining different interests and attempt to implement these ideas, and I enjoy the experience and the accomplishment when I develop and research.
Portfolio|[email protected]|0956 616 456
Projects
Vue2, Vuex, PWA, service worker
Feature:
Schedule、Calendar components、Punch in system、Table components、Dashboard
This system has an admin console for PC and implement client-side web app with PWA. Users can schedule quickly by customizable calendar component and setting account permissions to control function accessibility.
Convert a large amount of array api data into a key-value pair data structure like a simple hash table, reduce the tons of loops to improve the efficiency of data classification and search, and solve the problem of huge loading.
Monitor network connection events and keep api requests when the network is not connected. Use indexedDB to manage and automatically resend requests when re-connect.
Vue3, vite, i18n, router, pinia, vueuse, web3
Feature:
interactive contract via web3.js、form component、internationalization
Users can create collections by loading NFT contracts via web3.js, create groups and empowerments by the collection. The company and members can participate in and verify empowerment by PC and mobile phone.
Users can manage empowerments in the console; it also provides users such as purchasing points and tracking orders to establish a business model.
Vue3, vite, i18n, SSG, SEO
Feature:
internationalization、RWD、SEO
This project is build with SSG architecture deployment by vue3 and vite, and use Measure page quality to adjust performance and SEO, and use Google Search Console to monitor results.