Workspace 工作台

SaaS 產品介面設計、CRUD 狀態管理、Supabase 資料串接與前端功能整合，打造可登入、可操作、可部署驗收的 MVP。

MG Motor 品牌展示網站(仿製)

這是一個以 MG Motor 汽車品牌官網為參考製作的 React 前端展示網站，主要用於呈現車款資訊、品牌內容與使用者操作流程。 專案包含 HS、ZS 等車型展示頁、車款規格比較、預約試乘、線上訂購、聯絡表單、經銷商地圖查詢與新聞內容頁面，並針對桌機、平板與手機進行響應式版面設計。 此作品重點展示我在 React 前端切版、styled-components 樣式管理、React Router 頁面路由、Ant Design 表單介面、Google Maps API 整合，以及品牌形象網站 UI 還原與互動流程設計上的實作能力。

個人作品集網站

這是一個以展示個人價值為核心的前端作品集網站，使用 Next.js、React、TypeScript 與 Tailwind CSS 製作，重點呈現個人介紹、專案案例、技術能力與聯絡方式。 網站設計目標是讓訪客能在短時間內理解我的前端開發定位，並透過清楚的資訊架構、RWD 響應式版面與一致的視覺層級，展示我在品牌形象網站、作品集網站、Landing Page、React 前端切版、API 串接與部署流程上的實作能力。 此作品適合作為求職作品集與接案展示用途，強調可讀性、可維護性、行動裝置體驗與清楚的使用者導向內容。