楊子儀 ( Tzuyi ) 應徵職位：前端工程師

2018 年透過線上學習平台學習全端網站開發結訓後，開啟了前端工程師之旅，目前累積 3 年以上的前端開發經驗，熟悉的前端框架有 React、Vue 和 Nuxt。

面對推陳出新的前端技術與框架，除了保持學習的熱忱，也會利用下班和假日時間持續進修。

喜歡透過網路上的技術文章學習和 follow 新技術，並且使用新技術在 side project 中實作出來，也會利用假日時間解到 LeetCode 解題提升邏輯運算能力。

未來的目標是持續學習前端技術，同時利用剩餘的時間研究後端技術，期許自己能夠不斷的成長。

New Taipei City , TW
[email protected]

0988-426-059

技能

前端

- JavaScript（ES6+）

- TypeScript

- Vue

- React

- Redux

- Nuxt.js

- HTML5 / CSS3

- TailwindCSS

- SCSS

- Webpack

- Vite

- Jest

- Cypress

後端

- Node.js / Express.js

- RESTful API

- Mocha Unit Test

- Third-party API

資料庫 & 部署

- MongoDB / MySQL

- Heroku

- Vercel

工作經歷

安璞資訊科技有限公司 | 前端工程師 | 2023／02～2023 / 05

從零到一建立 Nuxt3 / TypeScript / ESLint / Tailwind CSS / Pinia / PWA / i18n 遊戲平台新專案，規劃專案整體架構 (based component library 使用 Element Plus)
使用 WebSocket (protobuf) 串接遊戲平台的站內信/通知和 B2B 後台的客服與使用者聊天室
串接 Facebook、Google 和 Telegram 第三方登入
維護與開發 Vue2 B2B 後台舊有專案
協助與帶領 Junior 工程師開發 Nuxt3 新專案

前思資訊有限公司 | 前端工程師 | 2020／05～2022 / 12

使用 React 和 Vue 開發了 5 個以上的前台

遊戲平台 (Vue3)：原為 Vue2 舊專案重構成 Vue3，專案調整為提供多種網站樣式供客戶選用；專案建立初期時，負責的部分是規劃專案邏輯架構，將邏輯拆出以利不同樣式間的邏輯共用，以及 Route 調整為依照樣式動態載入 Page。
公司官網 (React)：實作多語系功能，並且依照 UIUX 提供的動態表現，討論實作可能性，實作網頁動畫效果。

使用 React 和 Vue 開發了 5 個以上的後台

B2B 後台 (React / Vue2 / Vue3)：開發使用者列表、遊戲上下架、公告與站內信、直播禮物上下架和權限管理等各種維護遊戲平台的後台功能。
DBA 智能後台 (React)：開發供公司 DBA 部門操作、紀錄資料的後台網站，並且使用 Chart.js 繪製出各種柱狀、圓餅和走勢圖表。

使用遊戲引擎和 WebSocket 開發了 3 款遊戲
依公司專案需求開發共用元件, 並發布到 npm
優化直播和語聊推拉流流程，使用發布訂閱模式集中管理不同直播 SDK 間切換的推拉流和監聽以及減少進直播間 2 秒的等待時間
開發 React 和 Vue3 版本的 Date Picker、輸入框驗證和 Page Select 等專案共用元件

恊糧股份有限公司 | 生管 / 採購 | 2014／03～2020 / 03

曾因為客戶訂單量突然驟減約 1 / 3，公司裁了將近 2 / 3 的作業員，人力緊縮下每日必須和客戶協調每日交貨量和交期，並依照協調結果排定排程，結果達成了90%的客戶目標需求量和交期
與產線主管協調每條生產線的人數，去除不必要的程序( ex: 原本需要7人，結果5人就可正常運作，但每日產量差不多)
依照客戶需求數量排定生產排程和委外發包，降低不必要的加班成本

智為工業有限公司 | 生產管理 | 2011／03～2014／02

導入生產排程依照排定的順序生產，產線不再亂成一團，客戶交期達成率從80%提升至95%
依照客戶訂單計算最低耗用原物料，使原料庫存不再過剩，每月利潤提升約5%左右

作品介紹

Code Immediate - Vue3 / TypeScript / TailwindCSS / RWD / Express / Mongoose

作品網站 | GitHub | Backend GitHub

內置了多種常用的前端模板，並支持多種前端語法。除此之外，它也支持 Vue3 SFC，可以讓使用者更輕鬆地開發 Vue3。使用者也可以保存程式碼，方便下次使用。程式碼格式化也是這個工具的一個功能，使用者可以輕鬆地讓程式碼更加整齊易讀。若需要搜尋 CDNjs 使用，這個工具也提供了相關的功能。此外，如果需要使用 import module 語法，也可以輕鬆地實現。使用者可以通過 GitHub 登入，以更加方便地使用工具。如果需要嵌入本地文件，也是這個工具的一個功能。最後，使用者還可以導出 zip，方便分享與備份程式碼。

Taiwan Bus - React / Redux / TypeScript / i18n / TailwindCSS / RWD / leaflet

作品網站 | GitHub

串接第三方 API - Transport Data eXchange (TDX)，實作台灣各縣市各站公車預計到達時間，搭配 Mapbox 的地圖顯示公車路線和公車目前位置，以及可以取得使用者當前位置來搜尋附近站牌，方便使用者查詢附近站牌並搭乘公車到達目的地；專案也提供了加入收藏和分享連結，讓使用者更方便使用；語言內建中文和英文，可以供使用者作切換。