אתר רשת מסעדות שלא רק נראה טוב, אלא גם בעל פונקציונליות ברמה הגבוהה ביותר(מיוצר עם 27 קומפוננטות, ReactJS)
אתר מסחר אלקטרוני
- מאפשר ללקוחות לקנות את המנה הספציפית שברצונם להזמין, בהתאם לסניף ספציפי מאותה מסעדה, בשימוש מאחד מהשירותים הבאים: טייק-אווי, משלוח ושולחן מוכן (להזמין אוכל וכשמגיעים ישר לשבת בשולחן).
כל אחד משירותים אלו נכללים בהזמנות ממגוון קטגוריות שלכל אחד מהם מוצרים עם אופציות לבחירה/תוספות שונות.פאנל עובדים
- מאפשר לעובדים במסעדה לנהל את ההזמנות שלהם עם הקליינטים בלייב (מקבלים את כל הפרטים הרלוונטים כדי לקבל / לקבל בשעה ספציפית / לבטל הזמנות), בעלי גישה לארכיון עם הזמנות ישנות ששמורות לפי מספר פלאפון של אותו קליינט.פאנל מנהל (מערכת ניהול תוכן)
- למנהל יש אותם גישות שיש לעובדים, ובנוסף יש לו גישה נוחה בפאנל המיוחד בשבילו לערוך את התפריט מבלי לדעת שום תכנות/קוד. מהאפשרויות הניתנות הם: הוספה/מחיקה/עריכה/הסתרה/העתקה/סידור של קטגוריות ומוצרים באתר.סטטיסטיקות מדהימות
- מאפשרות למנהל לעלות את הרווחים שלו ע"י התבוננות בגרפים מצטברים על גבי נתונים שונים שמובילים אותו להסיק מסקנות נבונות לגבי אופי המסעדה.
הגרפים האלו משתנים בכל עת כל רגע שמתבצעת כל הזמנה חדשה באתר והם נמדדים לפי תאריכים (צ'קיפוינטים) שבמהלכם המידע מצטבר אל אותו גרף.
באפשרות המנהל ליצור צ'קפוינט חדש וכך ליצור גרף חדש מ-0 רק ע"י לחיצת כפתור פשוטה (לדוגמה פעולה שניתן לעשות כל חודש).
דוגמאות לגרפים האלו הם המוצר הכי נמכר (מציג כמה פעמים נמכר כל מוצר, מה המחיר שלו, ומה הרווח הכולל שהושג מאותו מוצר במהלך הצ'קפוינט), הסניף שמניב הכי הרבה כסף, סך הכנסה כוללת ועוד..ניהול קשרי לקוחות
- מחלק את המשתמשים באתר לסוגי קהלים שונים עם Google Analytics API, מאפשר למנהל ליצור הנחות עבור אותם קליינטים שקנו מהאתר, בנוסף גם עוקב אחרי מספר ההזמנות של כל קליינט ומראה שם אלו מוצרים בחר המשתמש להוריד/למחוק מהסל קניות שלו.עדכונים חיים (בזמן אמת)
- כל הזמנה שמתבצעת ונוצרת מקבלת URL לינק שייחודי לאותו קליינט, הלינק הזה מקבל עדכונים שוטפים בלייב על מצב ההזמנה שלו (מבלי לרענן את הדף), שמנוהלת על ידי המסעדה.שיטות לאופטימיזציה
- שימוש בpre-rendering כדי ליצור טעינה מהירה יותר של האתר ויצירת תגי מטא שעוזרת לקדם את האתר בצורה טובה יותר.
שימוש ב lazy-loading של תמונות כדי למנוע מהמשתמש עומס בטעינת דפים שלמים מלאי תוכן, כך שהוא טוען רק את החלקים הרלוונטים בשבילו.
בנוסף משתמש בlocalStorage כדי למנוע מהמשתמש להריץ את אותו סקריפט על אותו מידע שכבר הוריד בעבר, וכך חוסכת מהמשתמש זמן המתנה מיותר.פיצ'רים חכמים מאחורי הקלעים
- הפניות דף חכמות = מפנה את המשתמש ללינק הקטגוריה הנכונה. לדוגמה במקרה שמשתמש מנסה לטעון את הלינק של קטגוריית המשקאות, גם אם הוא לא עיבד את הבקשת AJAX כדי להשיג את המידע מהמסד נתונים, הוא יועבר לקטגוריית המשקאות אחרי שהעמוד שלו ייטען.
זכרון עגלה חכם = ברענון/טעינה מחדש של הדף בתפריט היה ניתן לצפות שהפריטים בעגלה שהוספת ימחקו, אבל זה לא קורה משום שהפריטים האחרונים שהתווספו לעגלה נשמרים באופן אוטומטי, מה שאומר שאם ירצה למחוק אותם יצטרך לעשות זאת באופן ידני.
עדכון מקביל בפאנלים - כל עדכון שמתבצע בפאנל אחד (בין אם זה עובד/מנהל שביצע שינוי כלשהו) גם ישנה את אותו מידע בפאנלים אחרים הפתוחים בסניפים אחרים ללא שום רענון דף, מה שיוצר סביבה מסונכרנת שעובדת במקביל ובתיאום.
מסד נתונים דחוס - כל מידע שמוכנס למסד הנתונים ע"י המשתמש עובר דחיסה, מה שמביא לכך שטעינת המידע של המשתמש מהמסד נתונים תקרה באופן מהיר יותר מאשר אם המידע במסד נתונים לא היה דחוס באותו אופן.
Pub/Sub & Google Scheduler = כל יום בלילה לאחר שהמסעדה נסגרת (או שבשעה אחרת שנקבעת), תרוץ פקודה מאחורי הקלעים שתנקה את המסד נתונים מהזמנות עבר (ניתן להחליט ביחד באיזה תדירות זה יקרה), כל הזמנה "ישנה" תעבור לארכיון לבד בלי שום טריגר של אדם שגורם לפעולה זו לקרות. באופן זה, כל יום חדש שמגיעים לעבודה ניתן לראות בעמוד הפאנל רק את הההזמנות הרלוונטיות לאותו יום, כך שהכל מאורגן בפשטות.קידום אתרים אופטימלי ומהירות האתר
- לכל עמוד ולכל קטגוריה בתפריט יש תגי מטא שאופיינים אך ורק לו (כותרת, תיאור, מילות מפתח), כך שקיימת חשיפה רבה יותר של אותם דפי אינטרנט במנועי החיפוש.
כל תמונה שקיימת באתר או הועלתה בידי המנהל עוברת דחיסה ושינוי גודל בהתאם על ידי פקודה מאחורי הקלעים שמונעת מהאתר לטעון פרטים לא רלוונטים וכך מביאה לטעינה מהירה יותר של האתר.אתר מעוצב / מותאם אישית / דינמי
- לכל עמוד יש את הנישה הפרטית לו. כל עמוד בתפריט מיובא לפי מסד נתונים בצורה דינמית, לכל קטגוריה יש את הURL לינק הייחודי לו (למנהל האתר אופציה ליצור קטגוריה חדשה ובכך גם ליצור URL לינק ייחודי לאותה קטגוריה מבלי לדעת קוד, מה שיוצר קידום אתרים טוב יותר ופרקטיקה שונה לכל קטגוריה).PWA (אתר שהוא גם אפליקציה) + Offline Mode
- אופציה להתקין את האתר בתור PWA (לחצן הוסף לדף הבית כשפותחים את האתר), שימוש ב - Service Worker שבאמצעותו אפשר להריץ את האתר/אפליקציה גם ללא אינטרנט, באמצעותו מבצע Cache & precache של כל הפריטים הרלוונטים באתר, מה שגם מביא לטעינה מהירה יותר של האתר בפעם השנייה שתחזרו לאתר.פייפאל API
- מאפשר להנפיק עסקאות תשלומים בצורה בטוחה. מקבל גם פייפאל וגם כרטיסי אשראי שונים כגון: ויזה (גם ויזה נטען), מסטרקארד, אמריקן אקספרס, Discover.
כמו כן, אחרי ביצוע כל הזמנה ישנה אופציה לבקשת החזר כספי שיכולה להתבצע ע"י הקליינט, או המסעדה עצמה - כל עוד המצב של ההזמנה ממתין לאישור והמסעדה לא אישרה אותו, יש בידי שניהם היכולת לבקש החזר כספי מלא. בקשת ההחזר כספי מבוצעת מאחורי הקלעים, מה שיוצר סביבה יותר בטוחה עבור המשתמש.גוגל מפות API
- מציג במפה מרקרים (סימונים) של כל סניף מסעדה בהתאם למיקומה הגאוגרפי, גישה קלה לקבלת מידע על אותה נקודה במפה עבור המשתמש בלחיצה עליה.מאובטח מאחורי הקלעים
- לא כל אחד יכול לבצע כל פעולה, כל סוג של בקשה / פעולה נבדקת לטובת יצירת סביבה בטחונית, לדוגמה רק המנהל יכול לשנות את התפריט, רק אותו קליינט שביצע הזמנה יכול לבקש החזר כספי עבור ההזמנה שלו / או המסעדה עצמה, ועוד..רב לשוני
- האתר כולו תומך בעברית (שפת RTL) ובאנגלית (שפת LTR), הוספת הקידומת '/en' תהפוך את האתר לאנגלית.אנימציות
- עם שימוש ב CSS וה - Intersection API כדי להשיג חוויה מקסימלית ויפה עבור המשתמש.אתר רספונסיבי
- פועל בכל סביבה מסוג שהיא, בין אם זה פלאפונים או מחשבים.
תודה לך על זמנך (:
HE
EN