HT.
ID
EN
/MJS Event Registration
SystemTypeScript

MJS Event Registration

A system event registration and check-in management system with real-time QR code verification, admin dashboard, and audit logging - built with Next.js and PostgreSQL.

MJS Event Registration - Welcome Page
MJS Event Registration - Form Input
MJS Event Registration - Form Success & QR
MJS Event Registration - Admin Dashboard Analytics
MJS Event Registration - Attendee List Management
MJS Event Registration - QR Check-in Page
MJS Event Registration - Audit Logs View
MJS Event Registration - Scan Handshake
1 / 8
Overview

MJS Event Registration is a system for managing event attendee registration and on-site check-in. Attendees register via a public form, receive a unique QR code upon successful submission, and are verified at the venue through a QR scanner page. Admins access a protected dashboard with registration management, analytics charts, and full audit logs. The system uses Supabase PostgreSQL via Prisma ORM, Upstash Redis for rate limiting, and NextAuth for session-based authentication - suitable for internal company events as well as client-facing event management needs.

Problem

Manual event registration and check-in processes are slow, error-prone, and difficult to audit - especially for mid-to-large scale corporate events where real-time attendee verification and data accuracy are critical.

Solution

A web-based registration system where attendees self-register and instantly receive a QR code. On event day, staff use the built-in QR scanner to verify attendance in real time. Admins monitor registrations, view analytics, and access audit logs from a protected dashboard - replacing spreadsheets and manual processes entirely.

Highlights
  • Real-time QR code generation per registrant on successful submission
  • Built-in QR scanner page for on-site check-in verification
  • Protected admin dashboard with registration management and analytics
  • Full audit log for all check-in and registration activity
  • Rate limiting via Upstash Redis to prevent form abuse
  • Session-based authentication with NextAuth
  • Supabase PostgreSQL with Prisma ORM and connection pooling via PgBouncer
  • Input validation with Zod schemas
  • Deployed on Vercel with automatic CI/CD from main branch
Features
Public registration form with validation
QR code generation and success page post-registration
QR scanner page for real-time check-in
Admin login with NextAuth session management
Dashboard home with analytics charts
Registrations table with management controls
Audit log viewer
API routes: register, check-in, QR image generation, CRUD operations
Rate limiting on registration endpoint
Database seeding for admin user setup
Tech Stack
Next.js 15TypeScriptPostgreSQLPrisma ORMSupabaseUpstash RedisNextAuth.jsZodTailwind CSSVercel