מערכת אמיתית מותקנת ופעילה ב-zbang-api — אתר תדמית פרימיום + Back-Office מלא לחברות בוטיק שמייסדים מבקשים להצטרף אליה. הפרויקט מדגים landing page בליגה עליונה, עם backend עשיר שמטפל בכל מעגל החיים של החברות.
חמש יכולות נפרדות שעובדות יחד
- Multi-step Apply Wizard — אשף בקשת חברות בן 4 שלבים: פרטים אישיים → חברה ושלב → קוהורט וציפיות → סיפור והגשה. כל בקשה מנוקדת אוטומטית 0–100 על-פי שלב, ARR, גודל צוות, הפניה ועוצמת הסיפור. בקצה — ראיון פנימי.
- Public Events Calendar — לוח אירועים חי (שולחנות עגולים · סלונים · Offsites · Masterclasses) עם seat tracking, RSVP/waitlist, ו-track filtering לכל קוהורט (Founders / Scale / Exit).
- Live Community Pulse — פאנל זכוכית בגיבור עם נתונים חיים מ-API: חברים, ARR משולב, בקשות 12 שבועות, NPS, sparkline שמתעדכן בכל refresh.
- Brochure & Newsletter Capture — לכידת לידים מסווגת (newsletter / brochure / event_rsvp / press) עם UTM tracking, consent gate, ושיוך אירועי RSVP אוטומטי.
- Admin Console API — תפעול מלא: PATCH על applications (status / score / notes), GET מסונן לפי טראק וסטטוס, GET על leads. הכל מאחורי
x-admin-token.
עיצוב ברמה גבוהה
- שלוש תמונות codex אטמוספריות: לוגו אורביטלי שקוף, hero של חדר ישיבות עם נוף תל אביב בכחול-לילה, flat lay של יומן עור + עט נובע + ויסקי.
- Typography hierarchy בארבע גופנים: Frank Ruhl Libre (display), Instrument Serif (accent italic), IBM Plex Mono (KPIs/meta), Heebo (body).
- SVG ייחודיים: גרף צמיחה 12 שבועות עם 7-week MA, donut של חלוקה לקוהורטים, sparkline live, progress rings ב-4 KPI cards.
- Glassmorphic surfaces עם backdrop-filter blur+saturate, 3 ambient orbs מתרחפים, grain SVG overlay, 3+ z-layers.
- Empty states ו-skeletons: shimmer animation בעת טעינת אירועים, fallback empty state מעוצב אם הלוח ריק.
- Micro-interactions: hover lifts על KPI cards, choice tiles בwizard, RTL spring animations עם cubic-bezier(.34,1.56,.64,1).
- Responsive בקפידה: breakpoints ב-380/720/1100/1440 — נווט-במובייל מתקפל, member grid עובר ל-3 ואז 2 עמודות, wizard נשבר לעמודה אחת.
ארכיטקטורה
- Backend: FastAPI router ב-
/opt/zbang/api/routers/cohort.pyעם 6 endpoints (3 public + 3 admin). - DB: 3 טבלאות PostgreSQL —
cohort_applications,cohort_leads,cohort_events— עם indices על email/status/track/starts_at. - Scoring engine: heuristic 0–100 שמשקלל שלב חברה, ARR, גודל צוות, הפניה ועוצמת motivation.
- RSVP logic: ספירת seats אוטומטית, waitlist כשמלא, integrity בכל הצדדים.
- Frontend: HTML/CSS/JS vanilla, אפס framework, נטען מ-nginx alias /cohort/.
בדיקות שרצו
- POST /api/cohort/applications → id=1, score=100
- POST /api/cohort/leads × 2 (brochure + event_rsvp)
- PATCH /api/cohort/applications/1 → accepted, score 97
- GET /api/cohort/stats → 143 members, 1 application, 3 leads, sparkline live
- Event seats incremented from 11→12 בעקבות RSVP
ניתן לקנפג: מנחים, קוהורטים, אירועים, תמחור, accent colors, capacity. כל המסכים שולפים live מה-DB דרך /api/cohort/*.