鐵人檔案
本次鐵人賽主題為「使用 React + Node.js + MongoDB 打造電商網站」。在 30 天挑戰中，我將完成一個模擬賣場平台，前端使用 React + Tailwind CSS 建立商品展示、會員登入與購物車功能；後端以 Node.js + Express 架設 API，串接 MongoDB 儲存商品與會員資料，並加入密碼加密與 JWT 權限管理等資安措施。網站亦具備後台管理功能，可新增、修改與刪除商品，並提供搜尋與分類功能。最後，網站將部署到雲端平台，讓所有人都能實際瀏覽與操作。本系列文章將完整記錄從環境建置到功能開發與部署的過程，讀者可跟著實作，最終完成專屬電商網站。
今天是鐵人賽 Day21，目標是完成購物車頁面功能，包含「顯示購物車清單」、「修改商品數量」、「刪除商品」以及「模擬結帳」。 1️⃣ 前端 Cart.jsx今天...
今天是鐵人賽 Day22，目標是完成管理者後台頁面（AdminDashboard），包含商品管理與會員管理顯示功能。 1️⃣ 前端 AdminDashboard...
今天是鐵人賽 Day23，目標是讓管理者後台可以新增、刪除與修改商品，並優化會員管理顯示，同時調整註冊頁面選項。 1️⃣ 新增商品功能今天在 AdminDash...
今天是鐵人賽 Day24，目標是簡化圖片上傳方式，讓後台商品新增與修改功能更穩定，並整合前端表單與後端 API。 1️⃣ 商品圖片上傳簡化將商品 schema...
今天是鐵人賽 Day25，目標是讓後台商品管理功能完整運作，前端列表頁能即時反映新增、修改與刪除商品的變化。 1️⃣ 商品列表顯示編輯 / 刪除按鈕在後台商品列...
今天是鐵人賽 Day26，目標是讓前端商品圖片能正常顯示，並完成首頁索引標籤（Title + Favicon）更新，提升使用者瀏覽體驗。 1️⃣ 前端商品圖片顯...
今天是鐵人賽 Day27，目標是將後端 API 部署到 Render，設定環境變數，並確認商品列表、會員與購物車功能能透過線上 API 正常運作。 1️⃣ 後端...
今天是鐵人賽 Day28，目標是將前端網站部署到 Vercel，讓商品詳細頁與購物車功能可以線上使用。 1️⃣ 前端建置 (Build)今天確認 package...
今天是鐵人賽 Day29！目標是進行前後端整合測試，模擬一般用戶與管理員的完整操作流程，確認系統資料流、權限、登入驗證與購物功能皆能正常運作。 1️⃣ 整合測試...
今天是鐵人賽的最後一天！回顧這 30 天，從環境建置、後端 API、前端 React、會員系統、購物車功能，到最終部署上線，我成功打造出一個能實際運作的 全端電...
