[求職] 高雄 /現場、遠端、混合型/ | 具 Vue 3 & Angular 19 雙框架實作經驗的前端工程師 - 林家齊 (AtayalLin)

📌 關於我 (About Me)

您好，我是林家齊！我擅長敏捷的網頁前端開發與跨元件狀態管理。雖然非本科系出身，但憑藉對網頁開發的轉職強烈熱情，我透過系統性自學與 840 小時的 Java 全端整合實務養成班 鍛鍊出扎實的技術底子。

我具備獨立交付 RWD 響應式網頁、主導團隊前端架構規劃、以及前後端 API 串接（Spring Boot + MySQL）的能力。在過去的行政經歷中，我培養了極佳的細節洞察力與除錯耐性，能將這些特質轉化為高水準的 UI/UX 呈現與穩健的程式碼品質。

• 工作狀態：待業中，錄取後一週內可到職
• 期望職缺：前端工程師 / 全端工程師
• 工作地點：高雄市（左營/鼓山/楠梓/前鎮等） / 接受遠端工作 /新北、台中 等地區可接受員工宿舍
• 技術社群：完成 2025 六角學院 30 天軟體工程師體驗營鐵人挑戰，以及台南應用科技大學產業新尖兵計畫「Java全端整合實務運用就業養成班第四梯次」共 840 時數課程。

---

🛠 技術棧 (Technical Skills)

分類	技術重點
Frontend	JavaScript (ES6+), TypeScript, HTML5, CSS3 (Fluid Layout/clamp)
Frameworks	Vue 3 (Vite, Pinia, Vue Router, vee-validate, Zod)<br>Angular 19 (Signals, RxJS)
Styles & Anim	RWD, Bootstrap 5, GSAP 動畫庫, IntersectionObserver, Tailwind/CSS Tokens
Backend / DB	Java, Spring Boot, RESTful API 串接, MySQL
DevOps & Tools	Git / GitHub, GitHub Actions (CI/CD), Figma, Notion

---

💻 精選專案作品 (Featured Projects)

1. 懶飽飽智慧點餐系統 (團隊專案・前端負責人)

以 Angular 19 驅動的餐飲全端管理系統，涵蓋客戶端、員工 POS 終端與老闆管理後台。

• 原始碼：GitHub Repository
• 技術棧：Angular 19, TypeScript, Angular Signals, Spring Boot, MySQL
• 核心亮點：
  • 全域狀態驅動：採用 Angular Signals 管理全域狀態，實現客戶下單與 POS 看板跨元件即時同步。
  • 雙模式切換機制：設計 Mock / 真實 API 雙模式切換，使前端可離線完整運行，並精準對齊真實 API 型態，大幅降低與後端串接時的錯誤率。
  • 路由與權限控制：實作 3 種角色獨立路由，管理共 10 個頁面與 8 個管理頁籤，並整合完整的信用卡與行動支付流程。

2. 日式風格電商網站 (個人 Side Project)

功能完整的電商購物流程專案，持續迭代並導入現代前端工程化實踐，累積 30 位開發者 clone。

• 原始碼：GitHub Repository
• 技術棧：Vue 3, Vite, Pinia, Vue Router, vee-validate + Zod, Vitest, Playwright
• 核心亮點：
  • 嚴格表單驗證：結帳表單整合 vee-validate 與 Zod 進行強型別驗證；利用 Composable (usePricing) 封裝複雜的運費與折扣計算邏輯。
  • 多主題持久化：使用 CSS Design Tokens 實作三種主題切換，並透過 localStorage 持久化使用者偏好。
  • 自動化部署與測試：配置 GitHub Actions 自動化部署至 GitHub Pages，並配置 Vitest 單元測試與 Playwright E2E 測試框架。

3. H5 遊戲大廳入口頁 (前端技術試題)

受遊戲公司邀請完成的高還原度前端試題，具備 95% 的功能完成度。

• 原始碼：GitHub Repository
• 技術棧：Vue 3, Vite, Pinia, Bootstrap 5, GSAP, RESTful API
• 核心亮點：
  • 流暢動效與優化：利用 GSAP 打造精緻進場動畫與骨架屏（Skeleton Screen）載入狀態；實作實時搜尋並加入 300ms 防抖 (Debounce) 優化。
  • 即時狀態輪詢：實作 30 秒定時輪詢（Polling）更新餘額機制，以及跨分類同步的收藏管理。

4. 個人作品集網站 (年度報告概念)

純手刻的原生技術展示網站，用以驗證對網頁底層與瀏覽器 API 的掌握度。

• 原始碼：GitHub Repository
• 技術棧：純 HTML5, CSS3, Vanilla JavaScript (無框架與建置工具)
• 核心亮點：
  • 流體排版：CSS 採用 clamp() 進行流體排版，無縫支援三斷點 RWD。
  • 高效能動畫：使用 IntersectionObserver 驅動元素進場動畫與導覽列高亮。

(其他練習專案參考：Angular 快速開發 Demo / Vite 測試專案)

---

💼 工作經歷 (Experience)

• 兼職資訊行政助理 | 匠星工程有限公司 (2023/04 - 2023/09)
  • 協助搬運舊部落格文章至新網頁，處理軟硬體排除。
• 約聘助理 | 交通部航港局南部航務中心 (2020/04 - 2020/10)
  • 管理與歸檔 200+ 份船舶資料，透過 Excel 自動化縮短 20% 行政作業時間。
• 學校教務處行政人員 | 高雄市立楠梓國民中學 (2016/01 - 2017/08)
  • 負責大批量學生資料與教務數據建檔處理。

---

📬 聯絡方式 (Contact)

• Email：[email protected]
• 手機：0967-187-303
• GitHub：AtayalLin

期待有機會與您聊聊，為團隊帶來即戰力與細膩的前端開發支援！