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

פטריקור — ניחוח הגשם

יומן יומי קצר של מזג אוויר, מצב רוח ורגעים קטנים — עם נוף קולי אטמוספרי, היטמאפ של אווירה, וקורלציות חכמות

פטריקור — ניחוח הגשם

פטריקור (Petrichor) — המילה האנגלית לניחוח האדמה אחרי גשם, הופכת כאן ליומן יומי קצר ופרימיום. שורה אחת, מזג אוויר אחד, מצב רוח אחד — וברבות הימים נבנה לוח אווירה שמספר את הסיפור הקטן של החיים שלך.

הקונספט הייחודי: במקום עוד tracker שטוח, פטריקור משלב 4 שכבות של תיעוד אטמוספרי — מזג אוויר, מצב רוח, רגע ספציפי, וצליל מסביב — בממשק אחד אלגנטי. הקורלציה בין מזג אוויר למצב רוח לא קיימת בשום אפליקציה דומה.

שבעה פיצ'רים מרכזיים:

  1. רישום יומי קצר ומדויק — 10 סוגי מזג אוויר עם איקונים SVG מותאמים, 5 דרגות מצב רוח (כבד / דועך / רגוע / בהיר / זוהר), שורה אחת חופשית (עד 240 תווים), והכל ב-bottom-sheet אנימטיבי.
  2. לוח האווירה (Heatmap calendar) — היטמאפ חודשי בסגנון GitHub עם 5 דרגות עוצמה, איקון מזג אוויר בכל תא, ניווט בין חודשים, ולחיצה על תא פותחת עריכת אותו יום.
  3. שלושה גרפי SVG מותאמים אישית — קורלציה (מצב רוח ממוצע לפי מזג אוויר, bar chart), מגמת רוח (14 ימים אחרונים, area chart), והתפלגות (donut chart מולטי-טון של סוגי מזג אוויר).
  4. נוף קולי אטמוספרי (Web Audio API) — סינתזה חיה של 4 נופי קול: גשם, רעמים, רוח, גלים. כולל LFO modulation למודולציה דינמית, ללא קבצי MP3 — הכל נוצר בזמן אמת.
  5. תובנות חכמות בלי AI — חישוב streak נוכחי + מירבי, ממוצע מצב רוח, מזג אוויר שכיח, מזג אוויר עם הרוח הטובה ביותר, מגמת שינוי שבועית עם חצים.
  6. שיתוף וייצוא — Web Share API ל-iOS/Android, fallback להעתקה ללוח, וייצוא JSON מלא של כל הרישומים.
  7. התאמה אישית עמוקה — 4 ערכות צבעים (קלאסי / סופה / ערפל / אודם), מצב רוח דיפולטיבי, נוף קולי אוטומטי בעת פתיחה.

עיצוב פרימיום ייחודי:

  • פלטה שלא נוצלה: slate-blue (#3B4D6B) + ash-rose (#C7A099) + frost-blue (#A8C5D6) + copper (#C77E48)
  • שלוש תמונות codex ייחודיות: לוגו טיפה זכוכית עם אדוות, הירו של חלון גשום במבט דמדומים, ואיור empty-state של אדוות אגם
  • היררכיית טיפוגרפיה: Frank Ruhl Libre לכותרות, Instrument Serif italic לאקסנט, IBM Plex Mono לנתונים, Heebo לגוף
  • אנימציות spring עם cubic-bezier(.34,1.56,.64,1) בכל אינטראקציה
  • ambient orbs + grain texture + glassmorphism
  • SVG מותאם אישית לכל איקון מזג אוויר (10 גליפים ייחודיים)

טכנולוגיות:

  • IndexedDB multi-store (entries / settings / archive) עם indexes by_weather + by_mood
  • Service Worker עם cache-first strategy + revalidate
  • Web Audio API עם generative synthesis (noise + biquad filters + LFO)
  • Manifest עם 3 גדלי איקונים כולל maskable
  • Vanilla JS ב-IIFE (~1100 שורות), 0 dependencies
  • Hebrew RTL native (dir=rtl, lang=he)
  • Responsive mobile-first עם breakpoints ב-380/540/720
· TECHNOLOGY ·
PWA IndexedDB Web Audio API SVG Charts Service Worker Hebrew RTL Glassmorphism Vanilla JS

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

· YOUR PROJECT NEXT ·

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

בוא נדבר