全端系統開發

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

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

使用的技能專長

• RWD
• API 串接
• Ant Design
• JavaScript
• react
• styled-components
• React Router
• Google Maps API
• 表單功能