今天是鐵人賽第一天的文章，來講述我為何選擇此主題以及希望自己30天後能達成的目標！

說實話，我本身也是第一次做完整的前後端專案的小白。因家中收藏了不少桌遊，但以前只用Excel進行記錄，東西多了就很亂，搜尋和整理也不直觀。每次想找某款桌遊或記錄出借情況，都要翻好幾張表格，非常不方便。於是我決定自己做一個專屬網站，把桌遊收藏管理起來，需要的話也順便做成賣場，讓朋友能瀏覽。

這次挑戰的目標是 在30天內完成一個完整的桌遊電商平台，每天會完成一個小功能，並把開發過程、程式技巧和心得整理成文章，讓讀者可以跟著一起學習。💪

將使用的技術

• React + Tailwind CSS：建立動態、元件化的前端介面，做出商品展示、會員登入、購物車功能，也能支援響應式設計
• Node.js + Express：架設後端 API，處理前端請求、資料存取和會員驗證，並實作 JWT 權限控制
• MongoDB：以 JSON 文件格式儲存商品、會員與購物車資料，搭配 MongoDB Atlas 雲端方案，資料可以公開上線
• 輔助工具：Axios 呼叫 API、bcrypt 加密密碼、Vercel / Render / Railway 部署網站

期望功能

• 首頁：展示熱門、最新上架商品和活動資訊
• 商品頁：清楚呈現桌遊資訊，包括名稱、圖片、價格、庫存、分類與描述
• 會員系統：註冊、登入，透過 JWT 控制權限，會員可管理自己的購物車
• 購物車功能：加入桌遊、修改數量、模擬結帳
• 後台管理：管理者可新增、修改、刪除商品，並提供搜尋和分類
• 圖片上傳：商品可上傳封面圖片，增加視覺效果
• 搜尋與分類：快速找到特定商品，依類別篩選
• 雲端部署：網站公開可訪問，可直接瀏覽與操作
• 資安措施：密碼加密、JWT 權限驗證、後端參數檢查防呆

這不只是學習前端、後端和資料庫，更是一次 完整專案實作的挑戰。希望到挑戰結束時，我能擁有一個功能完善、界面美觀、可上線操作的電商網站，不僅管理自己的收藏，也能和朋友分享、互動。同時，希望在這30天的學習中，累積的知識和實作成果能讓我的生活更便利，整理收藏、管理和交易流程都更加順暢。