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

Notes

PWA לפתקים מהירים עם תמלול קולי בעברית בזמן אמת — חיפוש מלא, תגיות, ייצוא

Notes

על האפליקציה

Notes היא אפליקציית פתקים מהירה עם תמלול קולי בעברית בזמן אמת — לחץ על כפתור המיקרופון, התחל לדבר, וצפה במילים מופיעות תוך כדי דיבור.

לא טיפ-מתחיל. continuous + interimResults עם אוטו-restart על drop-out. final transcript נצבר בזמן שה-interim מתעדכן בכל מילה. אחרי שמסיימים, נפתח עורך עם הטקסט המלא, אפשר לתקן, להוסיף תגיות, ולעבור הלאה.

הרעיון הכי טוב הוא הרעיון שלא איבדת.

לחצו לנסות בעצמכםofir.zbang.net/notes

האפליקציה רצה כאן בייצור — אפשר להתקין על המסך הבית. תמלול עברית עובד ב-Chrome/Edge על Android, ב-iOS תמיכה חלקית. תמיד אפשר להקליד.

יכולות מרכזיות

  • תמלול עברית בזמן אמתlang='he-IL' עם continuous=true ו-interimResults=true. interim מוצג בצבע עמום, final בצבע מלא — רואים איך כל מילה מתבססת.
  • אוטו-restart — Chrome נוטה לעצור recognition אחרי כ-30 שניות. ה-onend handler מתחיל מחדש אוטומטית כל עוד אתה עדיין מקליט.
  • חיפוש מלא — חיפוש ב-title, body, ו-tags בו-זמנית. תוצאה מיידית.
  • תגיות צבעוניות — הוסף תגיות ב-Enter/space/comma. לחץ על pill כדי לסנן את כל הפתקים עם אותה תגית.
  • עורך עם meta — כל פתק מציג מתי נוצר ו-TRANSCRIBED/TYPED.
  • ייצוא JSON — backup מלא בלחיצה.
  • Wake Lock במהלך הקלטה.
  • Vibration בהתחלה ובסיום.

ארכיטקטורת ה-PWA

  • SpeechRecognition API — הוספה מתקדמת:
    • lang = 'he-IL'
    • continuous = true
    • interimResults = true
    • maxAlternatives = 1
  • State machine מלא ל-recording: onstartonresultonerroronend (auto-restart). טיפול שונה ב-not-allowed, no-speech, language-not-supported, aborted.
  • Live transcriptfinal + interim מתעדכן בכל onresult, escape HTML, auto-scroll ל-bottom.
  • IndexedDB schema — store יחיד notes עם indexes על createdAt + updatedAt. כל פתק: id, title, body, tags[], transcribed, createdAt, updatedAt.
  • Service Worker — cache shell + runtime stale-while-revalidate.
  • Vanilla JS, אפס תלויות — כ-30KB total.

עיצוב

  • פלטה lime/chartreuse#84cc16 primary + #a3e635 light + #bef264 accent. רקע deep olive-black #0a0c05.
  • Floating Action Button מרחף עם pulse ring.
  • Recording overlay עם waveform animated, status pill אדום, transcript text-area חי.
  • Note cards עם מקף ירוק בצד וaccent על קלטות (🎙️ סמל פיק).

פרטיות

  • שום דבר לא נשלח לשרת. תמלול נעשה בדפדפן (אצל Apple/Google מקומית או בענן שלהם — לא דרכנו).
  • כל הפתקים נשמרים רק במכשיר ב-IndexedDB.
  • אין רישום, אין tracking, אין account.
· TECHNOLOGY ·
PWA Vanilla JS Web Speech API SpeechRecognition (he-IL) Continuous interim transcription Wake Lock API Vibration API IndexedDB Service Worker Full-text search

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

· YOUR PROJECT NEXT ·

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

בוא נדבר