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

Stretch

מתיחות יומיות מנוהלות · מפת גוף ויזואלית · יומן הגמשה

Stretch

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

הפיצ׳רים

  1. שש סשנים מובנים — יקיצה, הפסקת שולחן, הרפיית ערב, פתיחת אגן, גב וכתפיים, וכל הגוף. כל סשן עם פלטה ייעודית ואייקון משלו.
  2. 24 מתיחות מאוירות — כל מתיחה עם דמות SVG ייחודית, הסבר בעברית, והנחיית נשימה (שאף/נשוף בפעימה של 4 שניות).
  3. מפת גוף חיה — דמות אנושית בצד הפנל מדגישה אזורים ששוחררו השבוע. מבט-על מיידי של מה נעשה ומה הוזנח.
  4. היטמאפ חודשי + sparkline שבועי — 28 ימים בגריד 7×4, ארבע רמות עוצמה. גרף sparkline שמראה עומס יומי.
  5. ציון גמישות (Flex Score) — חישוב מורכב: 40% עמידה ביעד × 30% מגוון אזורי גוף × 30% נפח אימון. ערך 0–100.
  6. תובנה חכמה — מנוע שמנתח את 14 הימים האחרונים ומציע על מה לעבוד הבא לפי אזורים מוזנחים, שעת היום, ורצף.
  7. טיימר ריצה עם טבעת SVG — countdown ויזואלי לכל מתיחה, עם hint נשימה (שאף/נשוף) שמתחלף כל 4 שניות.
  8. ייצוא JSON / Web Share API — ייצוא היסטוריה מלא או שיתוף ישיר.
  9. התקנה כאפליקציה (PWA) — Service Worker cache-first, manifest מלא, אייקונים maskable, עובד אופליין.

הטכנולוגיה

IndexedDB עם 3 stores (sessions / settings / customRoutines). Vanilla JS ב-IIFE. SVG sparkline ו-progress ring מחושבים ב-runtime. Audio chime דרך Web Audio API. Hebrew RTL נטיבי.

העיצוב

שלוש תמונות codex ייחודיות: לוגו מתיחה מינימליסטי, hero אטמוספרי של אור בוקר זהוב עם מזרן יוגה וענף אקליפטוס, ואיור פרן בוטני להמצבי-ריק.

פלטה: ג׳ייד עמוק (#2a5a4f) + שמנת חיטה (#f4eddE) + נחושת (#c8967a). טיפוגרפיה רב-שכבתית: Frank Ruhl Libre לכותרות, Instrument Serif italic לאקסנט, IBM Plex Mono לנתונים, Heebo לטקסט. עיצוב glassmorphic עם backdrop-filter, ambient orbs, ו-grain noise.

· TECHNOLOGY ·
PWA IndexedDB Service Worker SVG Hebrew RTL Web Audio Web Share

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

· YOUR PROJECT NEXT ·

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

בוא נדבר