VOL. 1：前端工程師
Haru Li — Frontend Engineer, React, Next.js, TypeScript
HARU LI
「重視產品理解與工程品質，不只實作介面，更關注系統設計。」
CHARACTER
HARU LI
前端工程師
SKILL RADAR
以前端工程為核心，主要使用 React，熟悉 TypeScript、SCSS 與 Tailwind CSS，擅長將設計需求轉化為可維護的前端架構。
核心優勢： 架構重構能力 ✕ AI 輔助開發流程
ONIGIRI
常駐監工 🐾
PROJECT
LIST
E-COMMERCE ARC
Vue 3 + Quasar + TypeScript 電商平台，完整響應式設計、Pinia 狀態管理、Axios API 封裝、reCAPTCHA、SSR + SEO
OFFICIAL SITE SAGA
Next.js 14 App Router 架構遷移，多步驟驗屋預約、TapPay 金流、LINE LIFF 登入、GA4 電商事件追蹤
ADMIN SYSTEM ARC
React + MUI 後台系統，WebSocket 即時客服聊天室，LINE 貼圖渲染、排班、訂單、會員管理模組
CLINIC SYSTEM
醫美診所管理系統，React Hook Form + Zod 多步驟表單、TanStack Query、帳號權限管理、罐頭訊息模組
EMS DASHBOARD
React 19 + Vite 能源 / 環境監控 SPA，自適應縮放（1280px 至 4K），即時節點流量追蹤、品牌設計系統
POS CHRONICLES
平板最佳化餐飲 POS 系統，WebSocket 即時訂單更新、條碼掃描、多元支付辨識，高頻操作場景設計
SANATORIUM SITE
療養院官方網站，從零規劃前端架構，Astro + React、Swiper 輪播、RWD、GA4 埋碼追蹤
CORPORATE SITE DESIGN
企業官方網站，著重整體網站設計與頁面 UI 實作，並完成基本 SEO 欄位檢查與優化
CAREER PATH
國立高雄科技大學
學士｜電腦與通訊工程學系
系上排名 20 / 112（前 17.86%）。擔任系學會美宣長，奠定前端開發與系統設計基礎，畢業前已實際參與專案開發。
GLSoft
前端實習生（大四實習）
以 Angular + SCSS 為主，學習基本切版與 UI 實作，協助簡單功能修復，建立前端開發的實務基礎。
好日子科技
Frontend Engineer
主導前端架構從 Astro+React 遷移至 Next.js 14 App Router，開發多步驟預約系統、TapPay 金流、LINE LIFF 登入、GA4 電商追蹤與 WebSocket 即時客服聊天室。