劉建宏|Barret

大學主修電機工程,畢業後從事門店銷售、批發業務與資訊系統開發及維護工作。

重新塑造自己,學習前端技能、提升自我能力!成長過程中,時常需要閱讀國外原文的文件,才能知道如何正確使用工具,學習當中除了提升了技術專業,同時提升了自己對於英文閱讀的效率。在產出作品過程當中,透過 Mind Map 與流程圖,釐清作品的脈絡與製作過程,在開發中能夠更清楚知道面臨的困難點,開發後能清楚地跟別人分享作品使用技術與功能。

前端的知識,不斷迭代更新,不斷的學習與成長,是自我期許與要求。

  Taipei City, Taiwan      [email protected]    0968-380-119      GitHub

技能

   Vue.js


  • 熟悉關注點分離
  • 使用 Vite 建構工具開發專案
  • 使用 Pinia 做全局狀態管理
  • 使用 Vue Router 管理路由
  • 使用 Vue Axios 串接資料

   JavaScript


  • 了解 JavaScript 基礎與 ES6 標準
  • 熟悉 AJAX / JSON 串接 RESTful API
  • 使用 C3.js 和 Validate.js 套件整合

   Web Layout


  • 使用 SCSS 編寫 CSS
  • RWD 響應式網頁設計
  • 熟悉 Bootsrap 5
  • 管理 Bootstrap客製化 variables

   Others


  • Git 版本控制
  • 使用 Transact-SQL 查詢、 增修資料庫內容
  • 使用 LINE Messaging API 開發 LINE 使用情境

專案

來鮮堡 點早餐!

早餐店的視覺網站,結合線上點餐功能,讓消費者可以直接線上點餐。開發『簡單點』讓消費者可以簡單的選擇早餐要吃什麼,免除一天開始的第一件煩惱!


使用技術:
     Vite                                               Bootstrap        
     Google Analytics                   

GitHubDemo

一個住警器  守護一個家

 一個住警器的介紹網站,火災事件頻傳,透過一個簡單的火災警報器,可以在火災初期讓民眾逃生,降低人員傷亡。

使用技術:
   Bootstrap                                      JavaScript
   Google Analytics                      Google試算表 

GitHubDemo

防疫實聯制

應因政府於 2021/5/12 COVID-19 疫情升級至二級警戒,5/15 第一版上線,最後讓使用者填寫完資料後,導向1922簡訊實聯制發送。

採用 LINE API 取得用戶唯一識別值存入Google Sheet ,搭配 Google Apps Sript,進行每28天資料覆蓋重寫。只要客戶28天內有重複到訪,掃描 QR-Code 就會自動帶入先前資料。


使用技術:
    CSS                                            JavaScript
   LINE API                                   Google Apps Script  

GitHubDemo


工作經歷

業務部經理暨產品專員

睿誠國際股份有限公司

Aug 2015 - Feb 2020

  • 品牌經銷體系建立開發
  • 電商商品銷售文案撰寫
  • 資訊系統維護
  • 透過 Transact-SQL 發送經銷訊息
  • 建置經銷產品庫存查詢系統


急救教練  

新北市救護照顧協進會

2013 - Present

  • 急救教育推廣
  • CPR 教學

學歷

亞東技術學院

電機工程系

Sep 2010 - Jul 2014