Lighthouse הוא PWA פרימיום לפירוק יעדים גדולים לצעד הקטן הבא של היום. הקונספט: כל יעד הוא מגדלור, כל רצף ימים מגביר את עוצמת האלומה — והפסקות מורידות ערפל. ויזואלית: hero אטמוספרי עם מגדלור אמיתי על צוק בלילה, אלומה זוהבת שטסה דרך ערפל, ו-SVG animated lighthouse על המסך עם beam מסתובב.
8 פיצ׳רים
- ניהול יעדים — יעדים מרובים עם סיבת "למה", צבע מגדלור מותאם, ויעד שבועי
- צעד יומי לכל יעד — שדה מהיר עם הערכת זמן + הרהור אחרי ביצוע
- גרף עוצמת אלומה — SVG area chart 14 ימים אחרונים עם ממוצע / סה"כ / שיא
- Heatmap ערפל — לוח 12 שבועות בסגנון GitHub, 5 דרגות עוצמה, tooltip לכל יום
- סטטיסטיקות — רצף נוכחי, שיא רצף, ספירת השבוע, סך צעדים — חישוב חי
- היסטוריה מסוננת — לוג כל הצעדים, סינון לפי יעד, עם הרהורים בטיפוגרפיה אמנותית
- 3 אווירות — לילה ימי / שחר ורוד / סערה כחולה — מחליפות palette דינמית
- ייצוא / שיתוף / ייבוא JSON — Web Share API + Markdown download + clipboard fallback
טכנולוגיה
- IndexedDB multi-store (goals, steps, settings) + SW cache-first
- Vanilla JS ב-IIFE, ללא framework
- 4 typography layers: Frank Ruhl Libre, Heebo, IBM Plex Mono, Instrument Serif
- Palette ייחודי lighthouse-night: midnight-navy (#070b16) + warm beacon amber (#fbbf24) + sea-foam highlights
- Hebrew RTL native, mobile-first, מותקן כ-PWA
- 3 codex images (logo, hero atmospheric, empty state with origami boat)
קונספט
"הגעה ליעד גדול היא תוצר של אלפי צעדים קטנים." Lighthouse לוקח את הרעיון הזה ומלביש עליו מטאפורה ימית: המגדלור שלך לא נכבה כשאתה ממשיך — הוא רק מאיר רחוק יותר.
