↓Skip to main content

🌑 Shadow Market - 黑暗中的魔法交易市集

一個充滿神秘與奇幻色彩的 D&D 魔法道具黑市，販售來自異世界的珍稀奇物！

📌 專案連結：🔗 Shadow Market 🌑

📌 GitHub Repo：🔗 Shadow Market GitHub

🌟 介紹
#

Shadow Market（暗影市集）🌑 是一個專為 Dungeons & Dragons（D&D） 玩家打造的魔法道具商城，讓冒險者可以輕鬆瀏覽、讓管理者管理異世界的珍奇魔法物品。

本專案採用 Vue 3 + Tailwind CSS + DaisyUI 打造出簡潔美觀的 UI，後端則透過 Express.js + Prisma + MySQL 來管理商品，確保整體體驗穩定順暢。

“在黑暗中低聲耳語，稀世寶物將與有緣人相遇。” 🖤✨

🕶 關於 Shadow Market
#

Shadow Market 的誕生源於對 D&D 桌遊與奇幻冒險世界的熱愛。在遊戲中，魔法道具不僅能改變戰局，還能塑造角色的成長與故事。
因此，這個商城不只是販售道具，更是一個充滿神秘色彩的 黑市，玩家可以在這裡尋找來自異界的珍奇異寶，甚至發掘隱藏在黑暗中的交易秘辛……

「黑暗中總有交易，代價只取決於你的誠意與籌碼。」

📌 功能特色
#

🏪 商品展示與搜尋
#

商品展示

✅ 魔法道具展示：首頁列出各式 魔法裝備、卷軸、藥水、詛咒物品 等，並提供詳細描述。
🔍 強大搜尋功能：透過 名稱、道具類型、稀有度 進行篩選，快速找到需要的物品！

🔑 編輯與管理系統
#

編輯介面

✅ 快速編輯商品：管理者可以透過彈窗 新增、修改、刪除道具，方便維護商品庫存。
🔒 管理者驗證機制：進入管理頁面時，需輸入靜態密碼來獲取 暫時性 token，確保商城安全性。
📊 即時資料更新：後端 API 自動處理數據變更，讓商品資訊能夠即時同步！

密碼彈窗 密碼

新增彈窗 編輯

編輯彈窗 編輯

🗣️ AI 聊天小精靈 - 愛吹牛的小精靈店員
#

AI 聊天小精靈

✅ 內建 AI 助手，僅回答 D&D 相關問題，營造沉浸式冒險氛圍！
📖 角色扮演模式：AI 會根據 NPC 設定 回應對話，不會回答 D&D 以外的內容！
🔮 與 AI 討論魔法道具：詢問 AI 關於 詛咒物品、神器背景、冒險建議，它都會給予回應！
🚫 拒絕無關話題：如果玩家提問與 D&D 無關，AI 會打哈哈帶過，確保遊戲氛圍不被破壞！

示例對話：

  • 🏰 玩家：「這把詛咒劍有什麼效果？」
  • 🧙 AI：「這把詛咒劍？哦哦，據說挥舞時會讓你感到無比強大，同時讓你的對手感到無比倒楣！(⊙ω⊙) 不過，使用前最好先試試運氣，誰知道會不會有點小意外呢？(¬‿¬)」
  • 🚀 玩家：「你可以幫我查天氣嗎？」
  • ⚔️ AI：「抱歉，這裡是魔法道具商店，我們只負責預測冒險者穿越龍穴的天氣，其他地方的天氣就交給精通氣象的德魯伊了！(⊙_⊙)」

🚀 Tech Stack
#

  • 前端：Vue 3 + Tailwind CSS + DaisyUI
  • 後端：Express.js + Prisma + MySQL
  • 身份驗證：Token-based Admin 認證
  • 部署：Railway

📬 聯絡方式
#

如果你對 Shadow Market（暗影市集）🌑 有興趣，或者有任何建議，歡迎聯絡我！
📩 Email：latte.0975582420@gmail.com

來吧，進入黑暗，探索未知的魔法市場…… 🖤🌑✨