פרויקט זה הוא אפליקציית ווב (Web) של משחק טריוויה מהנה, דינמי ומעוצב, המאפשר למשתמשים לבחון את הידע שלהם במגוון קטגוריות, לצבור נקודות ולשבור שיאים.
- בחירת קטגוריות: ממשק אינטואיטיבי לבחירת נושאי עניין למשחק.
- חוויית משתמש (UX): עיצוב מודרני הכולל אנימציות CSS, חלקיקים צפים ואפקטים של מעברי צבעים (Gradients).
- ניהול תוצאות: מערכת למעקב אחר ניקוד, ספירת תשובות נכונות וחישוב זמן ממוצע לשאלה.
- שיאים אישיים: שמירת הציון הגבוה ביותר (Best Score) באמצעות
localStorage. - היסטוריית משחקים: אפשרות לצפות בביצועים ממשחקים קודמים כולל סקירת שאלות.
- מערכת משוב: דף ייעודי המאפשר למשתמשים לדרג את המשחק ולהשאיר חוות דעת.
- רספונסיביות: התאמה מלאה למכשירים ניידים ולמסכי מחשב.
- HTML5: מבנה סמנטי ונגיש.
- CSS3: עיצוב מתקדם, Flexbox, Animations ו-Custom Properties.
- JavaScript (ES6+): לוגיקת המשחק, ניהול מצב (State Management), ועבודה עם ה-DOM.
- Web Storage API: שמירת נתוני המשתמש והשיאים באופן מקומי בדפדפן.
index.html- דף הבית ובחירת הקטגוריות.name.html- דף הזנת שם השחקן והכנה למשחק.question.html- ממשק המשחק הפעיל הכולל טיימר ושאלות.results.html- סיכום תוצאות המשחק וסקירת שאלות.history.html- תצוגת היסטוריית משחקים קודמים.feedback.html- טופס משוב ודירוג בכוכבים.script.js- לוגיקת ה-JavaScript המרכזית.styles.css- קובץ העיצוב הראשי.
- הורידו או שכפלו את הפרויקט (Clone).
- פתחו את הקובץ
index.htmlבכל דפדפן מודרני. - בחרו קטגוריה, הזינו שם והתחילו לשחק!
enjoy it rut ❤️