How anuragahirwar958-prog/event-management works
EventStaff Pro is an event-staffing marketplace connecting organizers who publish events and hire workers with workers who discover gigs and manage bookings. The principal workflow runs from event discovery/application through organizer selection, booking attendance and shift completion, then payment and reviews. The app also supports worker search/shortlists, profiles, notifications, and an AI assistant. The graph reflects the shown frontend calls, backend imports, and database fallback; some server routing and external integrations are not visible in the excerpts, so those links are omitted or marked unverified.
Main entry points: api.ts API client · App.tsx App shell · WorkerDashboard.tsx Worker dashboard · OrganizerDashboard.tsx Organizer dashboard
Components 22
Marketplace app
- App shell
src/App.tsx - Event discovery
src/pages/PublicEventsPage.tsx - Worker directory
src/pages/WorkerSearchPage.tsx - Worker dashboard
src/pages/WorkerDashboard.tsx - Organizer dashboard
src/pages/OrganizerDashboard.tsx - Authentication
src/context/AuthContext.tsx - AI assistant
src/components/AiAssistantWidget.tsx
Booking lifecycle
- QR attendance
src/components/AttendanceQrModal.tsx - OTP attendance
src/components/OtpCheckinModal.tsx - Shift checkout
src/components/CheckOutModal.tsx - Payments
src/components/PaymentModal.tsx - Payment history
src/components/PaymentHistoryModal.tsx - Ratings
src/components/ReviewModal.tsx
Backend services
- API client
src/services/api.ts - HTTP server
server.ts - Auth middleware
src/middleware/auth.ts
Persistence
- Data queries
src/db/queries.ts - PostgreSQL
src/db/index.ts - Memory fallback
src/db/memoryStore.ts - Data schema
src/db/schema.ts
Other components
- Organizers
- Workers
Connections 37
- Organizers → App shell: use marketplace
- Workers → App shell: use marketplace
- App shell → Event discovery: routes to
src/App.tsx - App shell → Worker directory: routes to
src/App.tsx - App shell → Worker dashboard: routes to
src/App.tsx - App shell → Organizer dashboard: routes to
src/App.tsx - App shell → Authentication: provides context
src/App.tsx - App shell → AI assistant: renders
src/App.tsx - Authentication → API client: calls
src/context/AuthContext.tsx - Event discovery → API client: requests event data
src/pages/PublicEventsPage.tsx - Worker directory → API client: searches workers
src/pages/WorkerSearchPage.tsx - Worker dashboard → API client: loads bookings
src/pages/WorkerDashboard.tsx - Organizer dashboard → API client: loads bookings
src/pages/OrganizerDashboard.tsx - AI assistant → API client: requests assistance
src/components/AiAssistantWidget.tsx - Organizer dashboard → QR attendance: opens attendance
src/pages/OrganizerDashboard.tsx - Organizer dashboard → OTP attendance: opens fallback
src/pages/OrganizerDashboard.tsx - Organizer dashboard → Shift checkout: opens checkout
src/pages/OrganizerDashboard.tsx - Organizer dashboard → Payments: opens payment
src/pages/OrganizerDashboard.tsx - Organizer dashboard → Ratings: opens review
src/pages/OrganizerDashboard.tsx - Worker dashboard → QR attendance: opens attendance
src/pages/WorkerDashboard.tsx - Worker dashboard → OTP attendance: opens fallback
src/pages/WorkerDashboard.tsx - Worker dashboard → Shift checkout: opens checkout
src/pages/WorkerDashboard.tsx - Worker dashboard → Ratings: opens review
src/pages/WorkerDashboard.tsx - Worker dashboard → API client: loads payment history
src/pages/WorkerDashboard.tsx - Payment history → API client: requests transactions
src/components/PaymentHistoryModal.tsx - Payments → API client: submits payment
src/services/api.ts - Ratings → API client: submits rating
src/components/ReviewModal.tsx - QR attendance → API client: verifies attendance
src/components/AttendanceQrModal.tsx - OTP attendance → API client: verifies attendance
src/components/OtpCheckinModal.tsx - Shift checkout → API client: submits checkout
src/components/CheckOutModal.tsx - API client → HTTP server: sends HTTP requests
- HTTP server → Auth middleware: uses authentication
server.ts - HTTP server → Data queries: calls data queries
server.ts - Data queries → PostgreSQL: queries database
src/db/queries.ts - Data queries → Memory fallback: falls back to
src/db/queries.ts - Data queries → Data schema: uses table definitions
src/db/queries.ts - Auth middleware → HTTP server: protects requests
server.ts