tuteplanning

tuteplanning

เว็บแอป VueJs สำหรับการวางแผนโป๊กเกอร์ สามารถชมการสาธิตการใช้งานได้ที่ http://www.tuteplanning.com

คุณสมบัติ

การใช้ฐานข้อมูลเรียลไทม์ Firebase ด้วย npm firebase ซอฟต์แวร์กำลังรับฟังการเปลี่ยนแปลงและสะท้อนถึงการเปลี่ยนแปลงเหล่านี้ในหน้าเว็บ สร้าง Sprints เลือกประเภทการ์ด (fibonacci, TShirts) ตรวจสอบว่ามีเพียงผู้สร้างเท่านั้นที่สามารถแสดงคะแนนโหวตได้ ในการวิ่งแต่ละครั้ง คุณสามารถเพิ่มเรื่องราว เปลี่ยนเรื่องราวเพื่อโหวต และส่งออกผลลัพธ์ในรูปแบบ CSV

การตั้งค่าโครงการ

คุณต้องสร้างฐานข้อมูลเรียลไทม์ของ firebase และสร้างโปรเจ็กต์เว็บแอป คัดลอกค่าจากการกำหนดค่าภายในไฟล์ .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

การดำเนินการนี้จะรันการทดสอบแบบ end-to-end กับเซิร์ฟเวอร์การพัฒนา Vite

มันเร็วกว่ารุ่นการผลิตมาก

แต่ยังคงแนะนำให้ทดสอบบิลด์การผลิตด้วย test:e2e ก่อนที่จะปรับใช้ (เช่น ในสภาพแวดล้อม CI):

npm run build

npm run test:e2e

ผ้าสำลีกับ ESLint

npm run lint