鐵人檔案
在這系列文章中，我將分享我從專案經理轉變為前端開發者的經歷，並使用React來構建我的個人作品集。我會逐步介紹如何利用React建立一個互動豐富、視覺吸引人的作品集網站，從基礎的React元件和狀態管理到進階功能，如路由和API整合。每篇文章都將深入探討一個主題，並提供實際的代碼示例與解決方案。
此外，我還將分享轉職過程中遇到的挑戰，如學習新技術、時間管理，以及保持學習動力的策略。我的目標是不僅展示技術成果，也希望透過我的經驗激勵正在或計劃職業轉換的讀者
在前一篇文章中，我們討論了如何動態生成 Card 元件 並構建了基礎的 Service Section，並利用 CSS Grid 實現了彈性且響應式的卡片佈局。...
在前一篇文章中，我們優化了 Service Section，並展示了如何使用 CSS Grid Layout 來構建響應式卡片佈局。今天，我們將進一步進階，自己...
在之前的文章中，我們探討了如何透過本地 JSON 檔案來管理多語言支援（i18n）。隨著專案的擴展和多語言需求的增加，本地管理翻譯檔案可能變得不夠靈活。今天，我...
在前一篇文章中，我們專注於後端部分，展示了如何將多語言資料從本地 JSON 檔案轉為 API 形式管理，並將其部署到 Vercel。今天，我們將接著這個基礎，探...
在前一篇文章中，我們展示了如何將多語言資料從本地 JSON 檔案轉換為 API 形式，並將其部署到 Vercel 進行集中管理。這樣的改進使我們的應用能夠動態從...
在前一篇文章中，我們展示了如何將多語言資料從本地 JSON 檔案轉換為 API 形式，並部署到 Vercel 進行集中管理。這樣的改進讓我們的應用能夠動態從伺服...
在現代 Web 應用開發中，表單的管理與驗證往往是開發過程中的一大挑戰。上一篇文章中，我們探討了如何追蹤使用者行為並優化應用體驗，而今天，我們的焦點是表單管理。...
在前一篇文章中，我們實現了前端的聯絡表單，並展示了如何使用表單來捕獲用戶的輸入資料。今天，我們將進一步深入，展示如何使用 EmailJS 將表單資料發送到後端，...
在我們的前幾篇文章中，我們已經介紹了如何使用表單來捕獲用戶輸入數據，並通過 EmailJS 發送表單數據。今天，我們將深入探討如何利用 sessionStora...
經過 30 天的持續努力，我們已經完成了專案的開發。今天，作為最終章，我們將重點介紹如何將整個專案部署到 Vercel，讓它真正上線供使用者訪問。除了部署，我們...
