SeatPlanner

SeatPlanner 是一款用於活動或場地座位規劃的前端應用程式，提供可視化介面設計座位區塊、安排群體座位，並能匯出座位配置圖。

主要功能

• 座位布局設計：在畫面上建立座位區、走道或舞台等區塊，彈性調整大小與位置。
• 座位編號與群體分配：可根據座位編號或群體名單自動配置座位，支援快速重新編號。
• 座位圖匯出：設計完成後可以下載 PNG 圖檔，方便列印或分享。

如何在本地端啟動

本專案使用 Vite 進行開發與建置，請先確認已安裝 Node.js。

1. 下載或複製此專案。
2. 安裝相依套件：

   npm install

3. 啟動開發伺服器：

   npm run dev

   依照終端機顯示的網址開啟瀏覽器（預設 http://localhost:5173/）。
4. 建置正式版並預覽：

   npm run build
   npm run preview

部署到 GitHub Pages

若要部署至 GitHub Pages，必須在 vite.config.js 的 defineConfig 中設定 base， 其值應對應到此存放庫名稱：

export default defineConfig({
  base: '/SeatPlanner/',
  plugins: [react()]
});

完成設定後可透過 gh-pages 套件將 dist 目錄發佈：

npm install --save-dev gh-pages
npm run build
npx gh-pages -d dist

部署後即可從 https://<GitHub 帳號>.github.io/SeatPlanner/ 存取應用程式。

專案結構

SeatPlanner/
├── index.html           # 入口 HTML
├── src/                 # React 原始碼
│   ├── main.jsx
│   ├── SeatingDesigner.jsx
│   ├── icons.js
│   └── index.css
├── vite.config.js
├── tailwind.config.js
├── postcss.config.js
└── README.md            # 專案說明文件

貢獻方式

歡迎對此專案提出改善建議或功能新增。請遵循下列流程：

1. 先在 Issues 區討論或描述想要修改的內容。
2. Fork 專案並建立新的分支進行開發。
3. 完成後送出 Pull Request，說明變更內容與目的。

感謝任何形式的貢獻與回饋！

授權

本專案採用 MIT 授權 (MIT License)。詳細條款請參閱 LICENSE 檔案。