This is a fully-functional shift-management application built for Northwestern University’s Concert Management Office. It lets staff browse upcoming events, view and claim shifts, manage a cart of saved shifts, and synchronize data from Google Calendar.
Privacy Notice
All personal names, email addresses, and phone numbers in this demo have been redacted and randomized. No real personally-identifiable information is exposed. The data you see is structurally identical to production but contains only synthetic identities.
How to Explore
- Pick a user with the purple Viewing as control in the bottom-left corner to impersonate any staff member and see the app from their perspective.
- Adjust the simulated date with the amber Simulated Date control in the bottom-right corner to time-travel through the event calendar.
- Browse Shifts to see events, filter by date range, location, role, and availability.
- Open any event detail page to view its shifts, save them to your cart, and see scheduling conflicts.
Notable Features
- Stable, shareable URLs — all filters (date range, location, search term, shift tab) are persisted as query parameters so any view can be bookmarked or shared.
- Anonymous cart via cookie sessions — save shifts to a cart without creating an account; the cart persists across page loads.
- Simulated date & user impersonation — two floating controls let you time-travel and switch perspectives without any sign-in flow.
- Google Calendar integration — the admin Sync page pulls events from Google Calendar and diffs them against the local database (mocked in demo mode).
- Full-stack type safety — built with Next.js App Router, tRPC, Drizzle ORM, and TypeScript end-to-end.