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

Bonsai · גן החיסכון

בונסאי וירטואלי שגדל מהרגלי החיסכון שלך

Bonsai · גן החיסכון

הרעיון

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

פיצ׳רים

  1. עץ בונסאי דינמי SVG שגדל לפי 8 שלבים — יותר ענפים, יותר עלים, גם שורשים
  2. 5 כדי חיסכון מותאמים (חירום, חופשה, מתנות, אישי, מותרות) עם מד התקדמות לכל כד
  3. תרשים שטח של חיסכון מצטבר עם 4 טווחי זמן (7/30/90/שנה)
  4. דונאט פילוח לפי כד עם אגדה צבעונית
  5. מפת חום שנתית (heatmap) של ימי פעילות — 140 ימים
  6. יעד חיסכון אישי עם תחזית ETA לפי קצב חיסכון יומי ממוצע
  7. היסטוריה חיפושית עם סינון לפי כד והערות
  8. 3 סגנונות עץ (פורמלי, מפל, סוער)
  9. 4 מטבעות (₪/$/€/£)
  10. שיתוף + ייצוא JSON דרך Web Share API + clipboard
  11. פתגמים יפניים יומיים מתחלפים
  12. רצף ימים + מד התקדמות שלב

ייחודי

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

תמונות מותאמות

לוגו — בונסאי איקוני בגווני ירוק/סינה (codex gpt-image-2)
רקע hero — צילום אטמוספרי של בונסאי על שולחן כהה (codex)
מצב ריק — סקיצה של נבט מציץ באדמה (codex sumi-e style)

טכנולוגיה

PWA · IndexedDB עם 3 מאגרים (savings/jars/meta) · Service Worker cache-first · SVG procedural · Vanilla JS · RTL native · Frank Ruhl Libre + IBM Plex Mono + Heebo + Instrument Serif

· TECHNOLOGY ·
PWA IndexedDB SVG Vanilla JS Web Share API Service Worker

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

· YOUR PROJECT NEXT ·

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

בוא נדבר