Recipe — אפליקציית PWA לאוסף המתכונים האישי שלך, עם Cook Mode מסך מלא לבישול נטול הסחות דעת.
Cook Mode — המסך נשאר דלוק
הזרימה הייחודית של Recipe — לחיצה על Cook Mode פותחת חוויית בישול שונה לחלוטין:
- Wake Lock API משאיר את המסך דלוק כל זמן הבישול — לא צריך לגעת בטלפון בידיים מלוכלכות
- שלב אחד גדול בכל פעם — טקסט גדול וקריא, מספר השלב, ניווט קדימה/אחורה
- טיימרים אוטומטיים — סוף שלב עם
⏱25יוצר טיימר 25 דקות עם beep + ויברציה + Notification - רשימת מצרכים תמידית — pills בתחתית המסך, גם בתוך Cook Mode
- שחרור Wake Lock אוטומטי כשיוצאים
ספריית המתכונים
- 6 קטגוריות צבעוניות — בוקר, צהריים, ערב, מתוק, משקה, נשנוש (כל אחת עם איקון וצבע ייחודי)
- כרטיסי מתכון עם זמן, מנות, דירוג כוכבים, ותיאור קצר
- חיפוש חי + סינון לפי קטגוריה
- דירוג כוכבים מ-1 עד 5 — לראות בקלות מה הצליח
- Web Share API — שיתוף מתכון מלא לוואטסאפ או הודעות
- CheckList דינמי למצרכים — סמן מה כבר קנית/הכנת בלחיצה
אינטראקציות פרימיום
- Frank Ruhl Libre לכותרות בעברית — סריף קלאסי לאסתטיקת ספר בישול
- כרטיסים עם hover lift + צבע גבול דינמי לפי הקטגוריה
- Cook Mode עם step number floating, pulse animation על alarm
- אנימציית steam יוצא מהסיר באייקון
- Glassmorphic surfaces עם backdrop-filter blur+saturate
- Bottom-sheet modals עם handle בסגנון iOS
טכנולוגיות
- Wake Lock API —
navigator.wakeLock.request('screen')לבישול ללא כיבוי מסך - Web Audio API — beep בסיום טיימר (oscillator + gain envelope)
- Notifications API — התראה גם כשהמסך נעול
- Vibration API — pattern רטט על alarm
- IndexedDB multi-store — recipes (עם compound index על category) + history
- Web Share API עם fallback ל-clipboard
- PWA installable עם cache-first Service Worker
עיצוב
פלטה dusty-rose + warm cream — אסתטיקת ספר בישול חמה, נבדלת מ-rose הוורוד-עז של Pulse. רקע מרון עמוק, גוון ורד מאובק להדגשות, קרם חם לטקסט.
האפליקציה מגיעה עם 3 מתכונים זרעים מוכנים לבישול: שקשוקה של אמא, פסטה ארביאטה, ועוגיות שוקולד צ׳יפס.
