[FOSSOVERFLOW-25] feat: QR Code for Event Registration Form

[amaydixit11]

QR Code for Event Registration Form

Allow event organizers to generate QR codes for easy event registration

Problem Statement

Currently, participants must manually navigate to an event registration form shared through links or messaging groups. This creates friction in event promotions and reduces registration efficiency, especially in offline settings like posters, notice boards, and in-person outreach.

Event organizers need a faster way to drive registrations with minimal manual steps from student attendees.

---

Proposed Solution

Introduce a “Generate QR Code” feature within the event creation/edit flow.

Expected Functionality:

• Organizers fill in the event registration form link inside the event creation panel

• The backend generates a unique QR code for that event

• The QR can be:

  • Downloaded as an image (PNG/SVG)
  • Displayed on event posters (inside the platform)
  • Embedded in emails or whatsapp blasts

Technical Notes:

• Libraries:

  • Backend: qrcode or qr-image
  • Frontend: qrcode.react (if real-time rendering needed)

• Storage:

  • Save generated QR as base64 or file in DB/cloud storage (optional)

• API Extension:

  • Add field to event schema: qrCodeUrl
  • Endpoints added to /events routes for QR generation

User Flow:

Event Organizer:

1. Create event → Add registration form URL
2. Click “Generate QR”
3. QR is created automatically and saved with event
4. QR appears on Event Details page & available for download

Participant:

1. Scan QR → Redirect to registration form → Fill details

---

Alternatives Considered

1. Sharing only short URLs

   • Still requires clicking and manual link handling
   • Not ideal for posters or banners

2. Manual QR code creation using external websites

   • Inconsistent styling and requires extra work each time