Pinstripe v2 — Wireframes

Event Check-in & Registration App (MVP)

HTML/CSS wireframes generated from spec.md & meeting notes

📄 View Full Specification

🔐 Authentication & Access

PageSpec CodesDescription
Login AUTH-1 AUTH-2 Email/password login + Google OAuth sign-in
Request Access AUTH-4 Form for prospective users to request an account (no self-registration)

⚙️ Admin Backend

PageSpec CodesDescription
Event List / Dashboard EVT-4 EVT-1 All events with stats, edit/duplicate/delete actions
Event Create / Edit EVT-1 EVT-2 EVT-3 AUTH-3 Event details, branding colors, banner upload, operator PIN
Guest List Management GLM-1 GLM-4 GLM-5 Import guests, view/edit/delete, long-text warnings
Column Mapping Wizard GLM-2 GLM-3 Map Excel columns to system fields + duplicate detection config
Duplicate Review GLM-3 Review, merge, or delete flagged duplicate guests
Badge / Print Settings PRN-1PRN-7 Badge fields, layout, auto font-sizing, preview, batch print, template download
Batch Print PRN-6 Select & print multiple badges at once (max 300)
Reporting & Analytics REP-1 REP-2 Live dashboard stats, activity log, Excel/CSV export

📋 Public / Operator Panel (On-Site)

PageSpec CodesDescription
Public Landing Page OP-1 AUTH-3 INF-2 Event banner, "Click here to register" CTA, PIN gate to admin
Operator Check-in Search OP-2 OP-3 Search guest list, quick stats; links to guest detail & walk-in
Guest Detail & Actions OP-4 OP-5 OP-6 PRN-5 View/edit guest, badge preview, check-in, print, check-out
Walk-in Registration OP-3 Register a walk-in guest not on the pre-loaded list

Spec Coverage

Infrastructure: INF-2, INF-3 (offline indicators shown on public panels)
Auth: AUTH-1, AUTH-2, AUTH-3, AUTH-4 ✓
Events: EVT-1, EVT-2, EVT-3, EVT-4 ✓
Guest List: GLM-1, GLM-2, GLM-3, GLM-4, GLM-5 ✓
Operator UI: OP-1, OP-2, OP-3, OP-4, OP-5, OP-6 ✓
Printing: PRN-1, PRN-2, PRN-3, PRN-4, PRN-5, PRN-6, PRN-7 ✓
Reporting: REP-1, REP-2 ✓

Typical User Flow

  1. Login (email/password or Google)
  2. View / Create events
  3. Configure event (name, date, colors, banner, PIN)
  4. Upload guest listMap columnsReview duplicates
  5. Configure badge fields & preview
  6. Optionally batch pre-print badges
  7. On event day: open Public landingSearch guestsGuest detail / check-in (or Walk-in)
  8. After event: View reports & export