Wanderly — מתכנן טיולים חברתי
טיול כדאטה מהמעלה הראשונה: מסלולים מרובי־עצירות שבונים, מסדרים מחדש, משתפים — ומדפדפים בהם על מפה חיה.
- סוג
- פרויקט אישי, חי באוויר
- מפה
- Mapbox GL — מסלולים וג׳יאוקודינג
- זמן אמת
- Socket.IO + TanStack Query
הרעיון
תוכניות טיול חיות בצילומי מסך, בפתקים ובשרשורי צ׳אט. Wanderly מתייחס לטיול כאל דאטה: עצירות מסודרות עם מקומות ותאריכים, מצוירות על מפה אמיתית, וניתנות לשיתוף כפוסט שמטיילים אחרים יכולים לדפדף בו ולהשתמש בו.
הבעיות המעניינות היו אינטראקציות מפה, מסלולים שניתן לסדר מחדש, ועדכוני זמן־אמת — החלקים שרוב אפליקציות ה־CRUD לא נוגעות בהם לעולם.
מה יש בפנים
החלקים שדרשו הנדסה אמיתית:
בונה טיולים מרובה־עצירות
עצירות נגררות וניתנות לסידור מחדש, עוברות ג׳יאוקודינג דרך Mapbox, ומרונדרות כמסלול על המפה תוך כדי עריכה.
מסלולי קהילה על מפה חיה
טיולים משותפים מרונדרים כמסלולים שאפשר לדפדף בהם — המפה היא הפיד, לא קישוט לצידו.
מסלולים בעזרת Claude
מתארים את הטיול הרצוי; Claude מנסח טיוטת מסלול שאפשר לערוך עצירה־עצירה — במקום להתחיל ממפה ריקה.
שכבה חברתית בזמן אמת
פוסטים ועדכונים מתפשטים דרך Socket.IO, כש־TanStack Query שומר על עקביות בין שכבת הסוקטים ל־cache של ה־UI.
למה זה חשוב
כפריט תיק עבודות, הוא מדגים טווח:
- UI מפה לא טריוויאלי — ציור, ג׳יאוקודינג, רינדור מסלולים, הרבה מעבר לסיכה על מפה.
- מצב זמן־אמת שנשאר עקבי בין שכבת הסוקטים ל־cache של השאילתות.
- סטאק עדכני מקצה לקצה: Next.js 16, React 19, i18n, ערכות נושא, וטפסים עם ולידציית Zod.
סטאק
Next.js 16 ו־React 19, Mapbox GL, Socket.IO, TanStack Query, Zustand ו־Zod. פרויקט אישי — חי לניסיון מהכרטיס.
נשמע מוכר מהאפליקציה שלך?
כל עבודה כאן התחילה אותו דבר: אפליקציה שכבר באוויר, ובעיה שמישהו החליט להפסיק לחיות איתה. האודיט הוא הדרך להתחיל בסיכון נמוך — גישת קריאה בלבד, דוח כתוב, ורשימת תיקונים מתועדפת.