余芊憓

前端工程師

在開發團隊中擔任 Frontend Engineer ,與後端合作重構及開發各項專案。

積極參與社群活動,參與其中舉辦的讀書會,與人合作練習專案,從大家的程式碼尋求進步的可能,並思考其優化的可行性。更擔任主講運用簡單的原理講解複雜的邏輯概念。

             0930-032-116

工作經歷


展源浩科技有限公司

前端工程師實習生


  • 瀏覽器介面轉型成桌面應用程式
  • 撰寫事件回報系統提升公司行政的處理速度
  • 使用 axios、fetch 串接後端工程師的 API
  • 使用 flex GRID RWD

學歷

2016 - 2020

學士 義守大學 資訊工程學系

2020 - 2022

碩士 國立高雄科技大學 資訊工程學系

SKILLS

  Vue


  • Vuex
  • Vue Router
  • Vuetify

  React


  • useState
  • useRef
  • useEffect
  • useContext
  • redux

  CSS


  • Bootstrap
  • Tailwind CSS
  • Grid、Flex
  • RWD

  Tech Stack


  • Git
  • websocket
  • Eslint
  • Prettier

專案經歷

多媒體前後台系統

前台                       vue        electron 

  • 設定簡單,操作方便的獨立式廣告看版

       

    包裝成桌面應用程式,廣告看版的韌體啟動後,抓取韌體的資訊填寫在後台系統,將後台的設定內容獨立顯示在不同的廣告看版

後台                                                      vue 

  • 跑馬燈文字
  • 音樂播放清單
  • 廣告播放清單 (圖片/影片/音樂)

       用戶可以自由設定以上三點的看版樣式、播放速度、播放內容、 文字的內容、文字的字體大小、背景音量還可以依據廣告的內容進行調整

  • 會員管理
  • 預覽廣告看版的效果

        用戶可以在調整廣告看版的效果時,即時預覽調整後的廣告看版效果

  1. 使用 Axios Instance 封裝 RESTful api 驗證 JWT 的合法性
  2. 在客戶端暫存使用者的設定,使伺服器的負擔變少
  3. 等比例還原不同瀏覽器大小下,台設定的文字大小
  4. 解決了不同跑馬燈文字長度因為放速度的不同造成文字截斷的窘境
  5. 提升了廣告看版的 UX 體驗
  6. websocket 管理

整合搜尋系統

    vue         express  

  1. 提升線上系統的搜尋效率
  2. 匯出可客製化樣式以及合併儲存格的 excel 報表
  3. 解決線上系統的專案無法另外開 API 會產生跨域的問題
  4. 使用 swagger OpenAPI v3.0 撰寫 middleware 的 API 文件



作品

多拉A夢    

 css 仿造一個多拉A夢

搜尋圖片   

串 unsplash 的 open api,用 react 有個簡單的搜尋功能

旅遊網站   

 react + tailwind css 串接交通部的 API,介紹各個旅遊景點

無名帳本(進行中..)   

使用 Next.js 製作一個具有分帳功能的記帳本後台中.. 


社群活動

javascript 30    

解決 keycode 語法過時,改以偵測鍵盤按下的 key 轉換成 ascii 碼解決範例的問題

javascript 三明治

讀書會共同閱讀的讀物

  • 一群志同道合的朋友們,一起組成了讀書會,成員有著前後端,討論最新的技術,一起練習一些 side project,共同閱讀一本書。
  • 曾經擔任過主講,講解 javascript 的 hoisting
  • 寫過 javascript 30 挑戰賽, review 其他人的程式碼
Powered By CakeResume