STELO

(EVENT LISTING WEB APP)

2025

A ROLE-GATED EVENT MANAGEMENT PLATFORM FOR CAMPUS COMMUNITIES — COMMITTEES PUBLISH EVENTS, STUDENTS REGISTER AND ATTEND, ADMINS GOVERN THE PIPELINE. FULL LIFECYCLE: DRAFT → APPROVAL → LIVE → QR CHECK-IN.

INDEPENDENTLY ARCHITECTED END-TO-END — SCHEMA DESIGN, API CONTRACT, AUTH STRATEGY, STORAGE LAYER, AND FRONTEND ROUTING ALL FROM SCRATCH. NO STARTER TEMPLATE OR TUTORIAL FOLLOWED.

MULTI-ROLE RBAC

4 ROLES — ADMIN, COMMITTEE, MPSTME USER, USER — ENFORCED AT BOTH NEXT.JS MIDDLEWARE AND DRF PERMISSION CLASS LAYERS. NO CLIENT-ONLY TRUST.

EVENT APPROVAL PIPELINE

EVENTS ENTER A PENDING STATE AFTER CREATION. ADMINS REVIEW AND APPROVE VIA A DEDICATED DASHBOARD BEFORE ANYTHING GOES LIVE.

QR ATTENDANCE SYSTEM

EACH REGISTRATION GETS A UNIQUE UUID TOKEN. COMMITTEES SCAN VIA LIVE CAMERA FEED; BACKEND VALIDATES, TIMESTAMPS CHECK-IN, AND REJECTS DUPLICATE SCANS.

REAL-TIME ANNOUNCEMENTS

COMMITTEES PUSH EVENT-SCOPED ANNOUNCEMENTS. PER-USER READ TRACKING VIA A JUNCTION TABLE DRIVES UNREAD BADGE COUNTS IN THE DASHBOARD.

CLOUD MEDIA STORAGE

HAND-WRITTEN B2 SDK WRAPPER HANDLES UPLOADS, TTL-SIGNED URL GENERATION, AND DELETION — NO DIRECT BUCKET EXPOSURE TO CLIENTS.

WEBGL LANDING PAGE

SHADERGRADIENT (GLSL), THREE.JS, REACT THREE FIBER, FRAMER MOTION, AND GSAP — VISUAL HEAVY LIFTING WITHOUT COMPROMISING THE TECHNICAL CORE.