Final · REST + GraphQL client

Campus Event Pass Manager

End-to-end demo: this UI calls REST through the typed SDK from generated-client/, and includes a built-in GraphQL runner for POST /graphql.

Follow this order: 1) Test connection → 2) REST read → 3) Create → 4) Update → 5) Integrations → 6) Delete → 7) GraphQL.

API base URL SDK
Not tested

Override with client/.env → VITE_API_BASE_URL=http://localhost:3000 for local API + npm run dev.

Quick Step Switcher

No scrolling needed. Pick one section and test it, then move to the next.

Step 1 — REST Read & analytics

Start here. Uses eventPassServiceList, eventPassServiceGet, and eventPassServiceCapacityInsights.

Step 2 — Create pass

Create a new event pass using eventPassServiceCreate. Then copy its ID from the response panel for update/delete steps.

Step 3 — Update pass

Update using eventPassServiceUpdate (PATCH). Enter ID and only the fields you want to change.

Step 4 — Third-party integrations

Run integration endpoints: eventPassServiceTracking and studentServiceRecommendations.

Step 5 — GraphQL Playground

Run GraphQL queries/mutations against POST /graphql for CRUD + insights + relationship operations.

Note: tracking and recommendations are REST-only integration endpoints in this project.

Step 6 — Delete pass (cleanup)

Final cleanup step using eventPassServiceDelete.

Response

Ready 
Run an action to see JSON from the API.