Admin Event Management

How admins create and manage events through the admin dashboard. Covers the event form, all dashboard tabs, registration management, image upload, and the components that implement each feature.

Admin Event Pages

Event Creation

Page: src/pages/admin/event/new.tsx Component: src/components/Events/EventForm.tsx Schema: src/components/Events/EventFormSchema.ts Backend: POST /events/ (Cognito auth)

The form is organized into sections:

Settings

• isApplicationBased — enables accept/reject flow instead of direct registration
• nonBizTechAllowed — whether non-BizTech members can register

Cover Photo

Uses EventThumbnailUploader.tsx — compresses image client-side (2.5MB max), gets presigned URL from POST /events/event-image-upload-url, uploads optimized + original versions to S3. See Event Image Upload.

Event Information

Date & Time

Location

Maps to elocation, longitude, latitude.

Pricing

Registration Questions

CustomQuestions.tsx (React Hook Form field array) lets admins add dynamic questions. Each question:

• Type: TEXT, SELECT, CHECKBOX, UPLOAD, WORKSHOP_SELECTION, SKILLS
• Label: question text
• Required: boolean
• Options: for select/checkbox types

Component hierarchy: CustomQuestions.tsx → CustomQuestionItem.tsx (individual question editor)

Partner Fields

Partner description and partnerRegistrationQuestions for partner-facing events. Uses the same CustomQuestions.tsx component.

Live Preview

PreviewForm.tsx renders a live preview of the registration form as the admin configures it, with hardcoded options for year levels and faculties.

What Happens on Submit

new.tsx transforms frontend field names to backend format (e.g., eventSlug → id, capacity → capac, customQuestions → registrationQuestions) and POSTs to /events/. On success, redirects to the edit page.

See Event Creation Flow for the full frontend-to-backend trace.

Event Editing

Page: src/pages/admin/event/[eventId]/[year]/edit.tsx Backend: PATCH /events/{id}/{year} (Cognito auth)

The edit page:

1. Fetches the event via GET /events/{id}/{year}
2. Transforms backend format back to frontend schema
3. Shows the same EventForm.tsx
4. On save, transforms and sends PATCH with the changed fields

Publishing happens here — toggling isPublished and saving makes the event visible on the public events page.

Admin Event Dashboard

Page: src/pages/admin/event/[eventId]/[year]/index.tsx Container: src/components/EventsDashboard/EventDashboard.tsx

Dashboard Header

Shows the event name, dates, capacity utilization, and a graphic overview (EventOverviewGraphic.tsx). Fetches event data with GET /events/{id}/{year}?count=true&users=true.

Tab Components

All in src/components/EventsDashboard/:

Supporting Components

Data Table Tab

The main registration management interface. Powered by GET /events/{id}/{year}?users=true:

1. Scans all registrations for the event via event-query GSI
2. Batch-gets user records from biztechUsers
3. Merges registration status with user profile data
4. Returns enriched list

Admin Actions

Each mass update calls updateHelper() per registration — capacity checks and email triggers still apply individually.

Analytics Tab

Component: src/components/EventsDashboard/AnalyticsTab.tsx

Shows:

• Registration timeline — registrations over time
• Capacity utilization — percentage of capac filled
• Response distributions — charts for each registration question
• Demographics — faculty and year-level breakdowns

Counts are from GET /events/{id}/{year}?count=true, which calls getEventCounts() in services/registrations/helpers.js.

Feedback Tab

Component: src/components/EventsDashboard/FeedbackTab.tsx

Two modes:

1. Builder — configure feedback questions using FeedbackQuestionsBuilder.tsx. Add questions of type SHORT_TEXT, LONG_TEXT, MULTIPLE_CHOICE, CHECKBOXES, LINEAR_SCALE. Toggle attendeeFeedbackEnabled / partnerFeedbackEnabled. Saves via PATCH /events/{id}/{year}.
2. Responses — view submitted feedback via GET /events/{id}/{year}/feedback/{formType}/submissions. Shows per-question response lists.

QR code and shareable link for feedback forms are displayed for distribution at or after the event.

See Event Feedback for the full feedback system.

Active Event Detection

GET /events/getActiveEvent scans all events and filters by startDate <= now AND endDate >= now using ISO 8601 string comparison. Returns the earliest-starting active event or null.

See Active Event Detection for implementation details.

Event Deletion

DELETE /events/{id}/{year} removes the event record from biztechEvents. Handler checks the event exists first (returns 404 if not).

Key Files

Related Pages

• Events System Overview — event architecture and system dependencies
• Event Creation Flow — full trace from form to DynamoDB
• Event Data Model — complete field reference
• Event Lifecycle — creation through analytics
• Event Feedback — feedback system
• Event Check-In — QR scanning and check-in flow
• Events Service — backend endpoint reference