Skip to content

Warmlatte/ShadowMarket

Repository files navigation

🌑 Shadow Market —— 暗影市集 🏹🔮

「冒險者啊,歡迎來到暗影市集…… 這裡交易的不只是物品,還有故事與命運。」

Shadow Market 是一個 神秘的黑市風格魔法道具商城,專為 Dungeons & Dragons(D&D) 世界觀打造!🧙‍♂️✨
在這裡,你可以輕鬆瀏覽、管理魔法物品、傳奇武器、神秘藥水等稀世珍寶,打造屬於你的冒險裝備!💎⚔️


🏗 技術架構

🖥 前端:Vue 3 + Tailwind CSS + DaisyUI
🛠 後端:Express + Prisma + MySQL
🚀 部署:Railway


🎩 主要功能

商品展示 —— 探索神秘的魔法道具 🛒🔮
關鍵字搜尋 —— 迅速找到你的夢幻裝備 🔍✨
AI 小精靈助理 —— 與 魔法商店店員 互動 🤖💬 ✅ 後台管理 —— 新增、編輯、刪除商品 🏗🔧
安全機制 —— 使用 Token 保護編輯權限 🔑🔐
未來計畫 —— 更多篩選與排序功能 🛠️📜


🚀 快速啟動

1️⃣ 安裝專案

git clone https://github.com/Warmlatte/shadow-market.git  
cd ShadowMarket  

2️⃣ 安裝依賴

# 安裝前端
cd frontend
npm install

# 安裝後端
cd backend
npm install

3️⃣ 環境變數設定

請在 backend/.env 中設定你的 MySQL 資料庫 及 JWT_SECRET。
如果需要 AI 聊天機器人功能還要另外設定 OPENAI_API_KEY。

DATABASE_URL="mysql://user:password@host:port/database"
JWT_SECRET="your_secret_key"
JWT_EXPIRATION=15m // 可更改
OPENAI_API_KEY="your_openai_api_key"

請在 frontend/.env 中設定你的 API_BASE_URL。

VITE_API_BASE_URL="後端伺服器網址"

4️⃣ 啟動開發環境

# 啟動前端
cd client
npm run dev

# 啟動後端
cd ../server
npm run dev

📜 許可協議

本專案採用 MIT License,歡迎自由使用與貢獻!💡🤝

About

Shadow Market 🌑 – A mystical D&D black market for magic items 🛒✨, built with Vue 3, Tailwind, and Express! ⚔️🔮

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages