How anuragahirwar958-prog/sistec works
EventStaff is an event-staffing marketplace connecting organizers who publish events and manage bookings with workers who discover shifts, apply, and track attendance and pay. The React app provides role-specific dashboards, event and worker discovery, profiles, chat, and booking interactions; its API client communicates with a server that uses query logic backed by PostgreSQL or an in-memory fallback. The README gives little product detail, so capabilities are also reflected from the supplied source index and excerpts. Server routing and some unsampled feature wiring remain unverified.
Main entry points: api.ts API client · App.tsx App shell · OrganizerDashboard.tsx Organizer dashboard · WorkerDashboard.tsx Worker dashboard
Components 26
Application
- App shell
src/App.tsx - Authentication state
src/context/AuthContext.tsx - Theme state
src/context/ThemeContext.tsx - Notifications
src/components/NotificationDropdown.tsx - AI assistant
src/components/AiAssistantWidget.tsx
Marketplace
- Public events
src/pages/PublicEventsPage.tsx - Create event
src/components/CreateEventModal.tsx - Worker directory
src/pages/WorkerSearchPage.tsx - Worker profile
src/components/WorkerProfileModal.tsx - Organizer profile
src/components/OrganizerProfileModal.tsx
Booking Operations
- Organizer dashboard
src/pages/OrganizerDashboard.tsx - Worker dashboard
src/pages/WorkerDashboard.tsx - OTP check-in
src/components/OtpCheckinModal.tsx - Shift checkout
src/components/CheckOutModal.tsx - Payment
src/components/PaymentModal.tsx - Bank transfer
src/components/BankTransferModal.tsx - Reviews
src/components/ReviewModal.tsx - Chat
src/components/ChatCenter.tsx
API and Data
- API client
src/services/api.ts - HTTP server
server.ts - Auth middleware
src/middleware/auth.ts - Domain queries
src/db/queries.ts - PostgreSQL
src/db/index.ts - Memory fallback
src/db/memoryStore.ts - Data schema
src/db/schema.ts
Other components
- Organizer or worker
Connections 41
- Organizer or worker → App shell: uses
src/App.tsx - App shell → Authentication state: provides state
src/App.tsx - App shell → Theme state: provides state
src/App.tsx - App shell → Public events: renders
src/App.tsx - App shell → Organizer dashboard: renders
src/App.tsx - App shell → Worker dashboard: renders
src/App.tsx - App shell → Worker directory: renders
src/App.tsx - App shell → Create event: opens
src/App.tsx - App shell → Chat: renders
src/App.tsx - App shell → AI assistant: renders
src/App.tsx - Authentication state → API client: calls
src/context/AuthContext.tsx - Authentication state → Notifications: supplies state
src/context/AuthContext.tsx - Public events → API client: loads and applies
src/pages/PublicEventsPage.tsx - Create event → API client: creates event
src/components/CreateEventModal.tsx - Worker directory → API client: searches workers
src/pages/WorkerSearchPage.tsx - Worker directory → Worker profile: opens profile
src/pages/WorkerSearchPage.tsx - Public events → Organizer profile: opens profile
src/pages/PublicEventsPage.tsx - Public events → Worker profile: opens profile
src/pages/PublicEventsPage.tsx - Organizer dashboard → API client: loads and manages
src/pages/OrganizerDashboard.tsx - Worker dashboard → API client: loads bookings
src/pages/WorkerDashboard.tsx - Organizer dashboard → OTP check-in: opens
src/pages/OrganizerDashboard.tsx - Organizer dashboard → Shift checkout: opens
src/pages/OrganizerDashboard.tsx - Organizer dashboard → Payment: opens
src/pages/OrganizerDashboard.tsx - Organizer dashboard → Reviews: opens
src/pages/OrganizerDashboard.tsx - Worker dashboard → OTP check-in: opens
src/pages/WorkerDashboard.tsx - Worker dashboard → Shift checkout: opens
src/pages/WorkerDashboard.tsx - Worker dashboard → Reviews: opens
src/pages/WorkerDashboard.tsx - Worker dashboard → Bank transfer: opens
src/pages/WorkerDashboard.tsx - OTP check-in → API client: verifies OTP
src/components/OtpCheckinModal.tsx - Shift checkout → API client: submits checkout
src/components/CheckOutModal.tsx - Payment → API client: processes payment
src/components/PaymentModal.tsx - Reviews → API client: submits review
src/components/ReviewModal.tsx - Chat → API client: loads chat
src/components/ChatCenter.tsx - AI assistant → API client: requests assistance
src/components/AiAssistantWidget.tsx - API client → HTTP server: sends HTTP requests
- HTTP server → Auth middleware: uses auth
server.ts - HTTP server → Domain queries: calls domain queries
server.ts - Domain queries → PostgreSQL: queries database
src/db/queries.ts - Domain queries → Memory fallback: falls back
src/db/queries.ts - Domain queries → Data schema: uses schema
src/db/queries.ts - PostgreSQL → Data schema: configures ORM
src/db/index.ts