MODULE / 01
Participant
Registration, team information, live status and published scorecards.
MAJIN STUDIOS // CASE STUDY00%
QUANTUM ARENA
BOOTING EXPERIENCEINITIALIZING...
← BACK TO MAJIN STUDIOSQUANTUM
MAJIN STUDIOS // FIELD REPORT 001 // SYSTEM OPERATIONAL
QUANTUM
ARENA
We didn't just build a hackathon website. We engineered the digital infrastructure behind a 36-hour event — registration, payment verification, QR check-in, attendance, judge evaluation, scoring, rankings and automated certification.
0+
Participants handled
0
Hour event
01
End-to-end platform
// LIVE event operations
participant → judge → certificate
participant → judge → certificate
SYSTEM / OPERATIONAL
1,500+ PARTICIPANTS
registration • check-in • evaluation • automation
WEB × SOFTWARE × APIS × AUTOMATION × EVENT OPS× PRODUCT ENGINEERING × WEB × SOFTWARE × APIS × AUTOMATION× EVENT OPS ×WEB × SOFTWARE × APIS × AUTOMATION× EVENT OPS × PRODUCT ENGINEERING ×
01 // THE SYSTEM
More than
a website.
Quantum Arena evolved from a public-facing event experience into a connected operations platform. The value wasn't any single page — it was the way participant, admin and judge workflows shared one system.
SYSTEM / REGISTRATIONINTERACTIVE MODULE
LIVE WORKFLOW
Participant intake
Teams register with 1–5 members, submit payment and identity material, then move through a trackable approval process.
flow → registered → submitted → verified → approved
02 // WHAT WE BUILT
One platform.
Multiple roles.
Six systems were designed to feel like one product: participant-facing flows, event-day controls, judge tooling and post-event automation.
MODULE / 02
Verification
Payment and ID uploads, secure review and approval workflow.
MODULE / 03
Check-in
QR scanning, participant lookup and multi-day attendance operations.
MODULE / 04
Judging
Dedicated judge and super-admin views for structured evaluation.
MODULE / 05
Scoring
Score inputs, master evaluation sheet and top-ranking report generation.
MODULE / 06
Automation
Image-based certificates and controlled transactional email distribution.
03 // INTERFACE ARCHIVE
Real screens.
Real proof.
We built the UI for people who had to use it during the event. Explore the actual system screens and open them full-size.
04 // UNDER THE HOOD
FRONTENDREACT 19 / VITE
BACKENDNODE / EXPRESS 5
DATABASEMONGODB
INFRASTRUCTURECLOUDINARY / RESEND
SYSTEM ARCHITECTURE OPTIMIZED
Built like a product.
Not a landing page.
React handled the participant and admin experiences; Node/Express powered the API layer; MongoDB handled state; Cloudinary, authentication and mail services supported operations.
Participant UI
React 19 / Vite
registration · status · pass
registration · status · pass
Admin + Judge UI
secure portals
check-in · evaluation
check-in · evaluation
Node + Express API
auth · workflows · scoring · event logic
MongoDB
registrations · state · scores
Cloudinary + Email
uploads · certificates · notifications
ARCHITECTURE React 19 → Node/Express → MongoDB / Cloudinary / Mail → live event operations
STACK // React 19 · Vite · Node.js · Express 5 · MongoDB · Mongoose · Cloudinary · Multer · Jimp · Nodemailer · Resend · JWT · bcryptjs
STACK // React 19 · Vite · Node.js · Express 5 · MongoDB · Mongoose · Cloudinary · Multer · Jimp · Nodemailer · Resend · JWT · bcryptjs
05 // AUTOMATION
Remove the
manual work.
Post-event certification became a pipeline: identify eligible participants, generate certificate images, queue mail, distribute and log delivery.
PIPELINE / CERTIFICATE ENGINE
01
Eligibilityapproved + checked-in
●
02
RenderJimp image generation
●
03
Queuerate-limited delivery
●
04
SendNodemailer / Resend
●
OUTPUT / GENERATED ASSET
QUANTUM ARENA // OFFICIAL
CERTIFICATE
Participant Name
DIGITAL DELIVERY // COMPLETE
06 // WHY THIS MATTERS
We build systems
that run operations.
Quantum Arena is one example of the work Majin Studios can take from requirement to deployed product — interfaces, backend workflows, integrations, automation and operational tooling working as one system.
