tuteplanning

tuteplanning

VueJs Web-App zur Pokerplanung. Eine bereitgestellte Demo ist unter http://www.tuteplanning.com verfügbar

Merkmale

Mithilfe der Firebase-Echtzeitdatenbank und npm firebase lauscht die Software auf Änderungen und spiegelt diese Änderungen auf der Webseite wider. Erstellen Sie Sprints, wählen Sie Kartentypen aus (Fibonacci, TShirts) und prüfen Sie, ob nur der Ersteller Stimmen anzeigen kann. In jedem Sprint können Sie Storys hinzufügen, Storys zur Abstimmung ändern und Ergebnisse im CSV-Format exportieren.

Projekt-Setup

Sie müssen eine Firebase-Echtzeitdatenbank und ein Web-App-Projekt erstellen. Kopieren Sie Werte aus der Konfiguration in eine neue .env.local-Datei. (Wenn Sie Ihr Projekt bereitstellen möchten, benötigen Sie eine .env.produktionsdatei).

 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

Kompilieren und Hot-Reload für die Entwicklung

npm run dev

Kompilieren und Minimieren für die Produktion

npm run build

Führen Sie Unit-Tests mit Vitest durch

npm run test:unit

Führen Sie End-to-End-Tests mit Cypress durch

npm run test:e2e:dev

Dadurch werden die End-to-End-Tests auf dem Vite-Entwicklungsserver ausgeführt.

Es ist viel schneller als der Produktionsaufbau.

Dennoch wird empfohlen, den Produktions-Build vor der Bereitstellung mit test:e2e zu testen (z. B. in CI-Umgebungen):

npm run build

npm run test:e2e

Flusen mit ESLint

npm run lint