איך זה עובד

הפרטים הטכניים מאחורי הקלעים

◆

100% Vibe Coded

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

צינור העיבוד

כרטיסי המתכונים בכתב ידה של סבתא נסרקים כתמונות. הצינור מעבד כל סריקה דרך מספר מודלים של AI במקביל:

1
OCR כפול — גם Gemini 2.5 Flash וגם Claude Opus 4 קוראים את כתב היד באופן עצמאי, מחלצים את טקסט המתכון ומתרגמים אותו לעברית
2
דירוג — Claude משווה את שתי התוצאות ובוחר את התמלול המדויק יותר
3
כיוון — Gemini מנתח כל תמונת סריקה ומזהה את הסיבוב הנכון כדי שהדפים יוצגו ישר
4
איור — Gemini מייצר איור אוכל בסגנון צבעי מים לכל מתכון
5
פלט — JSON דו-לשוני מובנה עם מרכיבים, הוראות, תגיות ומטא-דאטה

האתר

אתר Next.js סטטי שנבנה בזמן הפריסה מקובצי ה-JSON של המתכונים. בלי שרת, בלי מסד נתונים — רק HTML, CSS ו-JavaScript שמוגשים מ-CDN הגלובלי של CloudFront.

Next.js—ייצוא סטטי עם App Router
Tailwind CSS—עיצוב עם תמיכה ב-RTL
Fuse.js—חיפוש דו-לשוני בצד הלקוח
S3 + CloudFront—אירוח ו-CDN
GitHub Actions—פריסה אוטומטית

ארכיטקטורה

scans/*.heic
  │
  ▼
┌─────────────────────────────┐
│  Pipeline (TypeScript)      │
│                             │
│  Gemini OCR ──┐             │
│               ├── Ranker    │
│  Claude OCR ──┘     │       │
│                     ▼       │
│              Best result    │
│                     │       │
│  Orient scans ◄─────┤       │
│  Illustrate   ◄─────┘       │
└──────────────┬──────────────┘
               │
               ▼
     data/recipes/*.json
     data/scans/*.jpg
               │
               ▼
┌─────────────────────────────┐
│  Website (Next.js)          │
│  Static build → S3 + CDN   │
└─────────────────────────────┘

קוד פתוח

קוד המקור המלא — צינור העיבוד, האתר, התשתית, וכל יומני השיחות מהסשנים — זמין ב-GitHub.

MoLow/SavtasRecipes

תודות

סריקות המתכונים סופקו על ידי ניל אטלו ושבתי אטלו. תודה לרועי ויובל אטלו על העזרה בסריקת כל התמונות. נבנה עם Claude Code על ידי משה אטלו.