פרויקט מוביל
Cafe Network
פלטפורמת אתרים לבתי קפה בישראל. כל בית קפה מקבל אתר משלו עם תפריט חי, שעות פתיחה, אירועים, הזמנות אונליין וכרטיסיית נאמנות, והכול רץ על בסיס קוד אחד משותף.
- תפקיד
- לבד: עיצוב, קוד ותשתית
- זמן בנייה
- גרסה ראשונה ב-10 ימים
- סטטוס
- דמו באוויר, בהכנה לבתי הקפה הראשונים
- שפת האתר
- עברית, מימין לשמאל
למה פלטפורמה
לרוב בתי הקפה בישראל אין אתר בכלל, או שיש להם אתר מבונה אתרים. אתרים כאלה יכולים להיראות טוב, אבל כמעט אף אחד מהם לא עומד בתקן הנגישות הישראלי, ת״י 5568, ואפשר לתבוע אתר שלא עומד בו בלי להוכיח נזק.
גם לבנות אתר נפרד לכל בית קפה לא היה משתלם: האחסון והתחזוקה של כל אתר היו אוכלים את המחיר של הבנייה. אז בניתי פלטפורמה אחת שמריצה את האתרים של כל בתי הקפה. להוסיף בית קפה זה להוסיף נתונים, לא להעתיק קוד.
איך זה עובד
לכל בית קפה יש כתובת ועיצוב משלו, אבל אפליקציית Next.js אחת מגישה את כולם. כל בקשה משויכת לבית קפה, ומסד הנתונים מחזיר רק את השורות של אותו בית קפה. אבטחה ברמת השורה ב-Postgres אוכפת את זה עם 55 כללים, ובדיקה אוטומטית מוודאת את ההפרדה לפני כל העלאה לאוויר.
התשלומים עוברים דרך קארדקום, חברת סליקה ישראלית שגם מפיקה את חשבונית המס. ImageKit שומרת את התמונות ומקטינה אותן. הזמנות חדשות מגיעות לבעלי המקום כהתראה לטלפון, ויכולות להיות מודפסות אוטומטית במטבח.
- קומיטים ב-10 ימים
- 66
- כללי אבטחה ברמת השורה
- 55
- מיגרציות למסד הנתונים
- 24
- עמודים בכל אתר של בית קפה
- 16
- לקוחות בית הקפהתפריט, הזמנות, הרשמות
- בעלי בית הקפהלוח ניהול, התראות
- Next.js ב-Vercelאפליקציה אחת לכולם
- Supabase Postgresמידע מופרד לכל בית קפה
- קארדקוםתשלומים וחשבוניות
- ImageKitתמונות מהירות ומותאמות
נגישות מהיסוד
במקום לבדוק נגישות בסוף, הפלטפורמה הופכת את הטעויות הנפוצות לבלתי אפשריות. אי אפשר להעלות תפריט כתמונה, כי קוראי מסך לא יכולים לקרוא אותו. לכל תמונה חייב להיות תיאור טקסטואלי: לוח הניהול דורש אותו, השרת בודק שוב, ובסוף מסד הנתונים עצמו אוכף אותו.
העמודים הציבוריים עברו סריקת נגישות וניגודיות צבעים אוטומטית, בדיקה עם מקלדת בלבד והדמיה של קורא מסך. האתר של כל בית קפה מפרסם הצהרת נגישות שמפרטת בדיוק מה נבדק.
מה הלאה
בית הקפה לדוגמה באוויר ב-cafe-network.com. השלב הבא: בתי הקפה האמיתיים הראשונים, ובדיקה מלאה עם קורא מסך אמיתי לפני שהם עולים לאוויר.
מה זה עושה
הזמנות אונליין
הזמנה מראש לשעת איסוף, תשלום באשראי דרך קארדקום, וחשבונית מס שיוצאת אוטומטית.
הזמנה מהשולחן
לכל שולחן יש קוד QR שפותח את התפריט כשהוא כבר משויך לשולחן.
כרטיסיית ניקובים
לקוחות צוברים לפי מספר טלפון, אונליין או בקופה, ומממשים בשתי הדרכים.
אירועים והרשמה
בעלי המקום מפרסמים אירועים, אורחים נרשמים, והרשימה יוצאת לקובץ CSV.
הדפסת הזמנות למטבח
הזמנות חדשות מודפסות אוטומטית ושולחות התראה לטלפון של בעלי המקום.
לוח ניהול
תפריט, מחירים, אלרגנים, שעות פתיחה ומתג להשהיית הזמנות, עם כניסה בקישור שנשלח למייל.
נבנה עם
- Next.js 16
- React 19
- TypeScript
- Supabase
- Postgres RLS
- Cardcom
- ImageKit
- Web Push
- Vercel
גלריה
