Profile 03 00@2x

李浩銓 Roy Lee

我畢業於淡江大學的資工系,但我的第一份工作卻是個銷售醫療器材的門市店長, 在經歷一段對未來以及工作的茫然時期後,我決定從頭開始自學寫網頁前端,

也因為經驗尚不充足,所以更應該保持好奇持續學習。


前端工程師 Front-End Engineer      Taipei,TW  

Skill


Front-end

HTML、CSS(SCSS)、JavaScript、Vue.js、Boostrap、Element-ul


others

Python-Flask、Heroku、AWS EC2、Git、firebase


Front-End Work Experience

英屬開曼群島商翼游數位有限公司台灣分公司, 前端工程師, Aug 2021 ~ Feb 2022

擔任前端工程師負責與UI設計師和後端工程師合作,

工作內容:前端切版、API串接、RWD處理、功能邏輯。 


執行過運動賽事文字與影音直播網站的專案,當時負責首頁處理WebSocket串接文字直播的資料,並處理資料畫面呈現與篩選特定文字觸發不同的CSS效果, 以及新增 i18n 多國語言。 

專案連結(日期選擇今年1月左右,可取得完整資料)

也使用過Vue-element-admin套件製作遊戲後台系統,並與後端工程師合作串接API,篩選與查詢玩家遊戲資料。

以及其餘小型的單頁式網站。

Side Project Practice


可連線遊玩的井字棋小遊戲 

原本只是打算複習Vue3而做的單人版的小遊戲而已,因為剛好接觸到Firebase的即時資料庫,所以嘗試將單人版修改成可連線的版本,利用即時資料庫同步兩邊玩家資料,讓不同瀏覽器或是不同裝置可以同時遊玩,進入主頁後可選單機遊玩或是連線對戰(也可以自己開雙視窗PK),目前設定上限為8人。 



Paragraph image 01 00@2x

相片搜尋網站

串接公開免費的API的相片搜尋網站,可以自由輸入關鍵字尋找想要的高畫質相片(並不能真的下載避免侵權),網站有用到部分 iview-ui 的套件製作,後續也新增了CSS變數用法讓網站能進行淺色與 深色模式切換。

Github

Web link

Paragraph image 02 00@2x

歐洲旅遊等級地圖

因為剛好看到其他人的旅遊地圖等級作品,所以自己嘗試用VUE框架做了一個,主要功能有輸入姓名、點選國家選擇等級、下載保存等級圖片,但因為歐洲地圖長寬比例的關係並沒有製作行動裝置的頁面。



Paragraph image 00 00@2x

Mini音樂撥放器 

我練習利用Python-Flask寫了一個簡單的後端程式架設在Heroku上面,接收請求後回傳JSON檔當作音訊的來源,然後嘗試利用JS+CSS達成進度條的功能,主要達成隨著歌曲自動前進,點擊指定位置後從該處開始撥放等功能。



Paragraph image 01 00@2x