tuteplanning

tuteplanning

تطبيق الويب VueJs للتخطيط للعبة البوكر. يتوفر العرض التوضيحي المنشور على http://www.tuteplanning.com

سمات

باستخدام قاعدة بيانات Firebase Realtime، مع npm firebase، يستمع البرنامج للتغييرات ويعكس هذه التغييرات في صفحة الويب. أنشئ سباقات السرعة، وحدد أنواع البطاقات (فيبوناتشي، والتيشيرتات) وتحقق مما إذا كان منشئ المحتوى هو الوحيد الذي يمكنه عرض الأصوات. في كل سباق، يمكنك إضافة قصص، وتغيير القصة للتصويت، وتصدير النتائج بتنسيق CSV.

إعداد المشروع

تحتاج إلى إنشاء قاعدة بيانات Firebase Realtime وإنشاء مشروع تطبيق ويب. انسخ القيم من التكوين داخل ملف .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.

إنه أسرع بكثير من بناء الإنتاج.

ولكن لا يزال من المستحسن اختبار بناء الإنتاج باستخدام test:e2e قبل النشر (على سبيل المثال في بيئات CI):

npm run build

npm run test:e2e

لينت مع ESLint

npm run lint