יישום ריאקט (TypeScript + Vite) של משחק זיכרון בו צריך להתאים בין שם מדינה לדגל שלה, עם תמיכה במצב כהה ובמעקב אחרי זמן המשחק ומספר הניחושים.
-
התקינו את התלויות:
npm install
-
הריצו את שרת הפיתוח:
npm run dev
-
פתחו את הדפדפן בכתובת שמופיעה במסוף (ברירת מחדל:
http://localhost:5173).
- בפס העליון תמצאו בורר מצב תצוגה המאפשר לבחור בין מצב מערכת, מצב בהיר ומצב כהה. ברירת המחדל היא התאמה אוטומטית להגדרת המערכת.
- לצד הבורר מוצגים שעון שסופר את משך המשחק (שעות, דקות ושניות) ומונה של מספר הניחושים שבוצעו עד כה.
- לחיצה על הכפתור "התחל משחק חדש" מערבבת את הקלפים ומתחילה סבב חדש.
- בכל תור ניתן לבחור שני קלפים. אם הם תואמים (שם מדינה והדגל שלה) הקלפים יאירו וייעלמו.
- לאחר שהקלפים נעלמים הלוח מתעדכן כך שהקלפים הנותרים מתרכזים יחד.
- כאשר כל הזוגות נמצאו תופיע הודעת ניצחון עם אפשרות לשחק שוב, כולל פירוט הזמן שחלף ומספר הניחושים בסבב.
- כל מיזוג לענף
mainמפעיל בנייה ופריסה אוטומטית ב-Netlify. - גרסת ההפקה של המשחק זמינה בכתובת: https://countrymemorygame.netlify.app/
src/components/MemoryGame.tsx– לוגיקת המשחק והצגת הלוח.src/styles/– קבצי העיצוב (CSS).flags/– קבצי הדגלים שבהם נעשה שימוש במשחק.
- React + TypeScript
- Vite לסביבת פיתוח מהירה ויעילה.