Mood — אפליקציית PWA ל-check-in רגשי יומי. דקה ביום של מודעות עצמית בונה תמונה ארוכת-טווח על דפוסים — מה גורם לך להרגיש טוב, מה מוריד, ואיך השינה / העבודה / האוכל משפיעים.
הוויזואליזציה הייחודית
הפרצוף הגדול בראש המסך הוא SVG חי שמתמורף בזמן אמת לפי הבחירה:
- 5 דרגות מצב רוח מאומלל ועד מצוין —
1 → 5 - שינוי הבעה דרך path morphing של הפה ושינוי גודל העיניים (squint שמח, wide סבל)
- שינוי גרדיאנט של הפנים — אדום-ורוד לרגשות שליליים, צהוב-ירוק לרגשות חיוביים
- bounce animation בכל בחירה (cubic-bezier overshoot)
- sparkles מתפזרות סביב הפנים כשבוחרים את הציון הגבוה ביותר (5)
פיצ'רים
- 5 כפתורי mood עם פרצופים מיני־SVG, צבע גבול דינמי, glow box-shadow לבחור הפעיל
- 10 טריגרים נבחרים (multi-select chips) — שינה, עבודה, ספורט, אוכל, משפחה, חברים, מזג אוויר, בריאות, כסף, לימודים
- הערה אופציונלית לכל יום
- גרף קו שבועי — SVG מקורי עם gradient ירוק→צהוב→ורוד לפי טווח הציון, area fill בלבנדר
- 3 סטטיסטיקות חיות: ימים רצוף (streak), ממוצע 7 ימים, טריגר מוביל מאז ומתמיד
- היסטוריה — מודאל עם 30 הרשומות האחרונות, כולל הערות וטריגרים
- עריכה — אפשר לעדכן את היום שוב כל פעם
טכנולוגיות
- SVG path morphing ידני —
setAttribute('d', mouthPath)עם 5 ניסוחים שונים של הפה - CSS color-mix() לרקע מודגש מהצבע הנבחר
- IndexedDB עם store בודד (key=date)
- Vibration API — feedback קצר בכל לחיצה, ארוך יותר על שמירה
- Service Worker — cache-first עם revalidate, עובד אופליין מלא
- PWA installable עם 3 גדלי איקונים
עיצוב
פלטה lavender-pastel + dusty-rose — צבעים מרגיעים ורגישים, נבדלים מ-violet (Focus) ו-rose (Pulse). רקע סגול עמוק (#1a1432), לבנדר בוהק (#a78bfa), ורד אבק (#fda4af).
טיפוגרפיה — Heebo לעברית + Frank Ruhl Libre לכותרות (סריף אלגנטי) + IBM Plex Mono לתאריכים ומספרים. Glassmorphic surfaces, ambient orbs נעות ברקע, animated emoji sparkles על הצלחות.
