OB
אופיר ברנס
Builder · TLV
חזרה לכל הפרויקטים
PWA · 2026 · Personal Project

Sleep

יומן שינה חכם עם circular clock visualization ומחזורי 90-דקות

Sleep

Sleep — יומן שינה יומי שהופך את הלוג של "מתי הלכת לישון ומתי קמת" לתובנות אמיתיות.

מה מיוחד:

  • Circular clock visualization — שעון 24 שעות עם השמש בראש (12:00) והירח בתחתית (00:00). קשת השינה נמתחת ויזואלית מנקודת השכיבה לנקודת הקימה, גם כשהשינה חוצה חצות.
  • חישוב מחזורי שינה — מחשב כמה מחזורי 90-דקות מלאים יצאו לך אחרי הסרת onset latency ממוצע (14 דק׳ של היכנסות לשינה).
  • תחזית שעת שכיבה אופטימלית — לפי שעת הקימה הממוצעת שלך, מציע מתי לשכב כדי להגיע ל-5 מחזורי שינה מלאים (קימה רעננה במקום באמצע מחזור).
  • Midnight-crossing math — חישוב נכון של משך שינה שחוצה חצות (לישון 23:30 → קום 07:15 = 7:45ש׳, לא דיף שלילי).
  • גרף שבועי עם קו יעד 8-שעות, סטרייק לילות 7+ ברצף, ושעות שכיבה/קימה ממוצעות (vector averaging מסביב לחצות).

טכנולוגיות:
PWA טהור עם IndexedDB מקומי, ללא שרת, ללא tracking. Service Worker עם cache-first strategy. SVG circular clock עם custom arc path math + linear gradients (lavender→pink). Hebrew RTL native, Frank Ruhl Libre + IBM Plex Mono + Heebo. Glassmorphic dark UI עם ambient orbs, twinkling stars, ופלטת night sky (indigo + silver moonlight + dream pink). מודל בקשת לוג עם quick-date toggle, time pickers, live duration preview, ו-5-step quality picker עם אימוג׳ים.

הכל מקומי, פרטי, ועובד אופליין. הנתונים שלך לא יוצאים מהמכשיר.

· TECHNOLOGY ·
PWA SVG Custom Arc IndexedDB Service Worker Vector Averaging CSS color-mix Frank Ruhl Libre IBM Plex Mono Heebo

פרויקטים קשורים.

· YOUR PROJECT NEXT ·

הפרויקט הבא שלך?

בוא נדבר