tuteplanning

tuteplanning

ポーカーを計画するための VueJs Web アプリ。デプロイされたデモは http://www.tuteplanning.com で入手できます。

特徴

npm firebase を使用して Firebase Realtime Database を使用すると、ソフトウェアは変更をリッスンし、これらの変更を Web ページに反映します。スプリントを作成し、カード タイプ (フィボナッチ、T シャツ) を選択し、作成者のみが投票を表示できるかどうかを確認します。各スプリントでは、ストーリーを追加したり、ストーリーを投票に変更したり、結果を CSV 形式でエクスポートしたりできます。

プロジェクトのセットアップ

Firebase Realtime データベースを作成し、Web アプリ プロジェクトを作成する必要があります。新しい .env.local ファイル内の設定から値をコピーします。 (プロジェクトをデプロイしたい場合は、.env.production ファイルが必要です)。

 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 開発サーバーに対してエンドツーエンドのテストが実行されます。

実稼働ビルドよりもはるかに高速です。

ただし、(CI 環境などで) デプロイする前に、 test:e2eを使用して実稼働ビルドをテストすることをお勧めします。

npm run build

npm run test:e2e

ESLint によるリント

npm run lint