tuteplanning

tuteplanning

用於規劃撲克的 VueJs Web 應用程式。已部署的演示位於 http://www.tuteplanning.com

特徵

使用 Firebase 即時資料庫和 npm firebase，該軟體正在監聽變更並在網頁中反映這些變更。建立 Sprint，選擇卡片類型（斐波那契、T 卹），檢查是否只有創作者可以顯示投票。在每個衝刺中，您可以新增故事、更改故事以進行投票以及以 csv 格式匯出結果。

項目設定

您需要建立一個 firebase 即時資料庫，並建立一個 Web 應用程式專案。將配置中的值複製到新的 .env.local 檔案中。 （如果您想部署您的專案，您需要一個 .env.product 檔案）。

 VITE_APP_TITLE=Tute Planning
VITE_HOST_NAME=http://localhost:5173
VITE_FIREBASE_API_KEY=API_KEY
VITE_FIREBASE_AUTH_DOMAIN=AUTH_DOMAIN
VITE_FIREBASE_DATABASE_URL=DATABASE_URL
VITE_FIREBASE_PROJECT_ID=PROJECT_ID
VITE_FIREBASE_STORAGE_BUCKET=STORAGE_BUCKET
VITE_FIREBASE_MESSAGING_SENDER_ID=SENDER_ID
VITE_FIREBASE_APP_ID=APP_ID
VITE_FIREBASE_MEASUREMENT_ID=EMEASUREMENT_ID

npm install

編譯和熱重載以進行開發

npm run dev

編譯和縮小以用於生產

npm run build

使用 Vitest 執行單元測試

npm run test:unit

使用 Cypress 運行端對端測試

npm run test:e2e:dev

這將針對 Vite 開發伺服器運行端對端測試。

它比生產構建快得多。

但仍建議在部署之前使用test:e2e測試生產建置（例如在 CI 環境中）：

npm run build

npm run test:e2e

使用 ESLint 進行 Lint

npm run lint