דילוג לתוכן
Englishבואו נתחיל פרויקט

אתרים שמביאים לעסקים קטנים יותר לקוחות.

בעבודה עכשיו: הזמנות אונליין, מערכות זימון תורים, אוטומציות ב-Python, אזורים אישיים ללקוחות, חנויות אונליין, פלטפורמות לבתי קפה.

אעצב ואבנה לכם אתר או אפליקציית ווב מהירים ונגישים, ואלווה אתכם מהסקיצה הראשונה ועד יום ההשקה.

בואו נתחיל פרויקטלעבודות שלי
cafe-network.com/demoבאוויר
אתר בית הקפה לדוגמה ב-cafe-network.com, עם כרטיס שעות הפתיחה והתפריט
עומד בת״י 5568
Cafe Network, פלטפורמת האתרים שבניתי לבתי קפה בישראל, באוויר. הסיפור המלא בהמשך.

שפות וכלים שאיתם אני בונה.

  • Python
  • C
  • C++
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Node.js
  • PostgreSQL
  • Supabase
  • Stripe
  • Shopify
  • Figma
  • Vercel
  • Electron

פרויקט מוביל

Cafe Network

פלטפורמת אתרים לבתי קפה בישראל. כל בית קפה מקבל אתר משלו עם תפריט חי, שעות פתיחה, אירועים, הזמנות אונליין וכרטיסיית נאמנות, והכול רץ על בסיס קוד אחד משותף.

לסיפור המלאלאתר הדמו החי
cafe-network.com/demo
אתר בית הקפה לדוגמה ב-cafe-network.com, עם כרטיס שעות הפתיחה והתפריט

הבעיה

בעלי בתי קפה יכולים לקבל אתר בחינם מבונה אתרים, אבל כמעט אף אחד מהם לא עומד בתקן הנגישות הישראלי (ת״י 5568), ותביעה לפיו לא דורשת הוכחת נזק.

הפתרון

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

קומיטים ב-10 ימים
66
כללי אבטחה ברמת השורה
55
מיגרציות למסד הנתונים
24
עמודים בכל אתר של בית קפה
16

מה כל בית קפה מקבל

  • הזמנות אונליין

    הזמנה מראש לשעת איסוף, תשלום באשראי דרך קארדקום, וחשבונית מס שיוצאת אוטומטית.

  • הזמנה מהשולחן

    לכל שולחן יש קוד QR שפותח את התפריט כשהוא כבר משויך לשולחן.

  • כרטיסיית ניקובים

    לקוחות צוברים לפי מספר טלפון, אונליין או בקופה, ומממשים בשתי הדרכים.

  • אירועים והרשמה

    בעלי המקום מפרסמים אירועים, אורחים נרשמים, והרשימה יוצאת לקובץ CSV.

  • הדפסת הזמנות למטבח

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

  • לוח ניהול

    תפריט, מחירים, אלרגנים, שעות פתיחה ומתג להשהיית הזמנות, עם כניסה בקישור שנשלח למייל.

איך זה בנוי

בסיס קוד אחד משרת את כל בתי הקפה. המידע של כל בית קפה מבודד בתוך מסד הנתונים, כך שתקלה במקום אחד לא יכולה לחשוף הזמנות של בית קפה אחר.

  • Next.js 16
  • React 19
  • TypeScript
  • Supabase
  • Postgres RLS
  • Cardcom
  • ImageKit
  • Web Push
  • Vercel
  • לקוחות בית הקפהתפריט, הזמנות, הרשמות
  • בעלי בית הקפהלוח ניהול, התראות
  • Next.js ב-Vercelאפליקציה אחת לכולם
  • Supabase Postgresמידע מופרד לכל בית קפה
  • קארדקוםתשלומים וחשבוניות
  • ImageKitתמונות מהירות ומותאמות

נגישות שאי אפשר לכבות

לכל תמונה חייב להיות תיאור טקסטואלי לקוראי מסך. לוח הניהול מבקש אותו, השרת בודק אותו, ומסד הנתונים עצמו דוחה כל תמונה בלעדיו. שלוש שכבות, כך שאף בעל מקום לא יעבור על החוק באתר שלו בטעות.

-- no row can ever exist in photos-- without non-empty alt textalter table public.photos  add constraint photos_alt_not_blank  check (length(btrim(alt)) > 0);

פרויקטים נוספים

דמו זימון התורים בעברית: שורת ימים עם שבת סגורה, וטבלת שעות פנויות שבה 10:30 נבחרה

דמו של אפליקציית ווב

מערכת זימון תורים

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

לדמו החילסיפור המלא
  • השעות הפנויות מחושבות לפי שעות הפתיחה, אורך השירות והתורים שכבר נקבעו
  • עברית ואנגלית, מימין לשמאל, ונגיש לגמרי במקלדת
  • בדיקת מספר הטלפון לפני קביעת התור, עם הודעות שגיאה ברורות
  • קובץ ״הוספה ליומן״ ללקוח
  • תצוגת בעל העסק עם תורי היום, סך ההכנסות וביטול תורים
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS

דמו בלבד: שום דבר שנכתב לא נשלח לשום מקום.

תכנון המעגל המודפס של המנעול: שתי שכבות הנחושת, הפדים ושקע ה-ESP32, משורטט מקובץ ה-KiCad האמיתי

חומרה משובצת, ESP32

הלוח בייצור

RFID Door Lock

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

לסיפור המלא
  • מעגל מודפס דו־שכבתי שתכננתי ב-KiCad, בגודל 110 על 80 מ״מ
  • מפעיל מנגנון נעילה חשמלי אמיתי, ונשאר נעול כשהחשמל נופל
  • כרטיס מנהל מוסיף ומסיר כרטיסים אחרים, בלי מחשב
  • פתיחה מרחוק ויומן אירועים מאפליקציה בטלפון, ועדכוני תוכנה באוויר
  • נפתח אוטומטית בזמן התרעות פיקוד העורף באזור
  • ESP32
  • C++
  • KiCad
  • Blynk

תכנון הלוח משורטט מקובץ התכנון האמיתי ב-KiCad.

עוזר קולי מבוסס בינה מלאכותית, מקומי

Jarvis

עוזר קולי שרץ כולו על המחשב שלי. הוא מקשיב לשם שלו, מבין מה אומרים לו ועונה בקול, בלי ענן ובלי מפתחות API.

לסיפור המלא
  • זיהוי הדיבור, מודל השפה וההקראה רצים כולם מקומית
  • שליטה קולית ב-Spotify, בעוצמת השמע, באפליקציות, ביומן Google וב-Gmail
  • קורא את המסך, ויכול להסתכל דרך המצלמה כשמבקשים
  • הגרסה השנייה בוחרת בין מודל מהיר למודל מעמיק, לפי מדידות אמיתיות
  • פקודות במחשב רצות רק מתוך רשימה מאושרת, וכל השאר מבקש אישור
  • Python
  • Ollama
  • Whisper
  • Nous Hermes
  • pywebview
Quest Ledger ברמה 5, עם משימות יומיות, רצפים, חנות פרסים וגרף נקודות ניסיון של 7 הימים האחרונים

אפליקציית מחשב ל-Windows

Quest Ledger

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

לסיפור המלא
  • משימות יומיות שמתאפסות בחצות, עם בונוס על רצף
  • נקודות ניסיון, רמות, מטבעות וחנות פרסים
  • תזכורות על שולחן העבודה שממשיכות לעבוד ממגש המערכת
  • 12 הישגים וגרף התקדמות של 7 ימים
  • נשמר על המחשב, עם גיבוי ושחזור
  • Electron
  • JavaScript
  • HTML
  • CSS
הורדה ל-Windows

גרסה 1.0.0, 106MB, ל-Windows 10 ו-11

האפליקציה עדיין לא חתומה דיגיטלית, ולכן Windows עשוי להציג אזהרה. בחרו ״מידע נוסף״ (More info) ואז ״הפעל בכל זאת״ (Run anyway).

מוצג עם נתונים לדוגמה.

מגרש משחקים

דברים קטנים שבניתי תוך כדי למידה, בשביל הכיף. הם באוויר, אז אפשר לשחק.

  • צילום מסך של Drum Kit

    Drum Kit

    לחצו על W, A, S, D, J, K או L כדי לתופף, עם צלילים ואנימציות.

    לשחקקוד
  • צילום מסך של Simon Game

    Simon Game

    חזרו על רצף הולך ומתארך של צבעים וצלילים, כמה שיותר זמן. נבנה עם jQuery.

    לשחקקוד
  • צילום מסך של Dice Game

    Dice Game

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

    לשחקקוד

מהשיחה הראשונה ועד יום ההשקה, תמיד תדעו מה הלאה.

ארבעה שלבים, מחיר אחד שסוגרים מראש. גללו דרכם וצפו באתר לדוגמה שמשמאל נבנה.

  1. 1

    שיחה, ואז סקיצה

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

    • הצעת מחיר כתובה במחיר קבוע
    • סקיצות של העמודים שאפשר להעיר עליהן
  2. 2

    עיצוב שמתאים למותג שלכם

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

    • עיצוב לחיץ למחשב ולנייד
    • שני סבבי תיקונים כלולים
  3. 3

    נבנה כמו שצריך, מוצג כל שבוע

    אהפוך את העיצוב לקוד נקי ומהיר. כל שבוע תקבלו קישור לתצוגה מקדימה, כך שתראו את האתר מתגבש ושום דבר לא יפתיע.

    • קישור לתצוגה מקדימה שמתעדכן כל שבוע
    • עמודים שאפשר לערוך לבד
  4. 4

    השקה, ואחריה ליווי

    אדאג לדומיין, לאחסון ולאנליטיקס, ונעלה לאוויר. ב-30 הימים שאחרי ההשקה אתקן כל תקלה שתצוץ, בחינם.

    • אחסון, דומיין ואנליטיקס מוגדרים
    • 30 יום של תיקונים בחינם אחרי ההשקה

מה אפשר לבנות בשבילכם.

לא בטוחים מה מתאים? תארו את הבעיה, ואציע את הפתרון הפשוט ביותר.

אתרים לעסקים

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

אפליקציות ווב וכלים

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

חנויות אונליין

בשופיפיי או בפיתוח מלא, עם תשלומים, מנויים וניהול מלאי.

הצלה ושדרוג

האתר איטי, שבור או מיושן? אשפר מהירות, אבטחה ותצוגה בנייד בלי להתחיל מאפס.

אוטומציות ב-Python

די לעשות את אותה משימה משעממת כל יום. אכתוב תוכנה קטנה ב-Python שעושה אותה בשבילכם, לפי לוח זמנים ובלי טעויות.

  • דוח מכירות יומי מהגיליון שלכם, ישר למייל
  • תזכורות ללקוחות במייל או בוואטסאפ
  • הזמנות חדשות שמועתקות ל-Google Sheets אוטומטית
  • איסוף מחירים או מודעות מאתרים
  • שינוי שמות, מיון וגיבוי של קבצים וחשבוניות

האתר הנוכחי מאט אתכם?

בדיקה חינם: מהירות, נגישות ובסיס ל-Google, תוך פחות מדקה.

עבודה ישירה איתי, מההתחלה ועד הסוף.

בעבודה איתי אתם מדברים ישירות עם מי שבונה את האתר, לא עם מנהל תיק לקוח.

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

לאחרונה בניתי את Cafe Network, פלטפורמה שמריצה אתר מלא לכל בית קפה שמצטרף אליה, ותוכננה מהיום הראשון לעמוד בחוק הנגישות הישראלי.

מיקום
חיפה
שפות תכנות
TypeScript, Python, C, C++
עבודה עם
לקוחות מכל מקום
זמן מענה
בהקדם האפשרי

שאלות שלקוחות שואלים לפני שמתחילים.

יש עוד משהו? שאלו בטופס כאן למטה. אין שאלות טיפשיות על העסק שלכם.

כמה עולה אתר?

רוב האתרים לעסקים קטנים עולים בין 1,500 ל-10,000 ₪, ואפליקציות מתומחרות לפי פרויקט. אחרי השיחה תקבלו מחיר קבוע בכתב, כך שהמספר לא ישתנה באמצע.

כמה זמן זה לוקח?

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

אפשר לעדכן את האתר לבד?

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

האתר שייך לי?

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

מה קורה אחרי ההשקה?

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

מאמרים לבעלי עסקים

לכל המאמרים

כמה עולה אתר לעסק קטן?

ממה בנוי המחיר של אתר, מה ההבדל בין בונה אתרים, פרילנסר וסוכנות, ואילו עלויות ממשיכות גם אחרי ההשקה.

4 דקות קריאה

ספרו לי על הפרויקט.

כמה תשובות קצרות מספיקות כדי להתחיל. בלי התחייבות, ובלי שיחת מכירה אלא אם תרצו.

מה קורה אחר כך

  1. 1

    אחזור אליכם בהקדם האפשרי

    עם שאלות, או עם הערכת מחיר ראשונית אם יש מספיק מידע.

  2. 2

    שיחה קצרה

    חצי שעה על המטרות, לוחות הזמנים והתקציב.

  3. 3

    הצעת מחיר קבועה

    בכתב, עם היקף העבודה ולוח הזמנים.

מעדיפים מייל רגיל?

noamkatzman.dev@gmail.com
מה אתם צריכים?
תקציב משוער

מה העסק שלכם עושה, ובמה האתר אמור לעזור?

אחזור אליכם בהקדם האפשרי.

הפרטים משמשים רק כדי לחזור אליכם. פרטים במדיניות פרטיות.