​
Check-In

Doc Status: Excellent | ✓ Clear summary | ✓ Easy to read | ✓ Matches code | ✓ Good structure | ✓ Professional look | ✓ Visual components

​
Why This Matters

When a guest walks through the door, the first thing your staff does is verify their reservation and mark them as arrived. The Check-In page handles exactly that: camera-based QR scanning for fast verification, with a fallback for damaged codes or poor lighting. It is the moment a booking becomes a real person at your venue.

​
Staff Journey

​
Scanning a guest’s QR code

1

Open the Check-In page

Navigate to /dashboard/checkin. The camera activates automatically.
2

Guest presents their QR code

The guest shows the QR code from their confirmation email or phone. Point the camera at it.
3

Review the details

The scanner reads the reservation token and instantly shows the guest’s name, event, tickets, add-ons, and payment status. Skim to confirm it matches the person in front of you.
4

Click Check In

With the correct reservation displayed, click Check In.
5

Ready for the next guest

A success confirmation appears. The page resets — ready for the next scan.

​
Handling a damaged or unscannable code

If the QR code is torn, low-contrast, or the camera cannot read it, fall back to manual entry.
1

Click Manual Entry

Below the camera view, click the Manual Entry button.
2

Enter the reservation token

Type the reservation token from the guest’s confirmation email.
3

Click Lookup

The reservation details appear just as they would from a scan. Proceed with the check-in.

​
Undoing a check-in

Mistakes happen. If you checked in the wrong guest, you can reverse it instantly.
1

On the ticket detail screen, click Undo Check-In

The button appears on the same screen where you confirmed the check-in.
2

Reservation is restored

The reservation returns to confirmed (not checked-in) status. The guest can be checked in again when they actually arrive.

​
Key Concepts

  • Reservation Token: Unique code assigned to each booking, encoded in the QR code
  • Check-In: Marking a guest as physically present at the venue
  • Undo Check-In: Reversing a check-in if needed
  • Ticket Detail: Full information about a reservation including guest info, event, and add-ons

​
Technical Details

ComponentFilePurpose
Scannercomponents/admin/checkin/scanner.tsxCamera-based QR code scanner
TicketDetailcomponents/admin/checkin/ticket-detail.tsxDisplays reservation information and check-in actions
Query/MutationPurpose
checkins.checkInMark a reservation as checked in
checkins.undoCheckInReverse a check-in
reservations.listPaginatedLook up reservations by token

​
See Also

Admin Dashboard

Dashboard overview and navigation

Reservations

Viewing all reservations

Confirmation Experience

Guest confirmation and QR codes

Kitchen Display

Kitchen station order display

Reception View

Table overview for reception staff