Behind BMSCE Events

Exploring the full-stack architecture, security protocols, and creative technologies powering our campus event portal.

HTML5 Structure

Semantic backbone providing accessible skeleton for dashboards.

Advanced CSS3

Glassmorphism effects, gradients, and responsive grid layouts.

Vanilla JS

Client-side interactivity, API fetch calls, and dynamic DOM updates.

Node.js

High-performance event-driven backend environment.

Express JS

Streamlined routing, middleware, and secure API endpoints.

MongoDB Atlas

Scalable NoSQL database for Users, Events, and Clubs.

Nodemailer

SMTP engine for OTPs and event confirmation emails.

JWT Auth

Stateless, secure session management and route protection.

Git Control

Version control for modular development and safety.

0

Events Hosted

0

Active Students

0

Clubs Onboarded

01

System Architecture

Designed as a centralized hub bridging Students and Club Moderators. The architecture separates concerns, ensuring that admin capabilities are isolated.

Security First

Bcrypt hashing and sanitized inputs to prevent injection attacks.

Optimized Data

Efficient MongoDB aggregations for fast loading.

CI/CD Pipeline

Automated workflows ensure code quality.

Robust API

Custom REST endpoints handling Login to Profile updates.

02

Moderator Hub

A powerful dashboard giving Club Leads control over their event lifecycle.

Live Analytics

Moderators can track registration counts in real-time and view detailed student data.

{ "event_id": "ev_102", "reg_count": 150, "status": "OPEN" }

Event Creator

Intuitive forms with file upload support.

Broadcast

One-click email notifications to attendees.

Export Data

Download registration lists as CSV.

03

Student Experience

A seamless, mobile-first interface allowing students to browse events, check deadlines, and register instantly.

Smart Filters

Sort by Date, Club Category, or Keywords.

Interactive UI

Engaging typewriter text and hover effects.

Visual Gallery

Infinite scrolling sliders for highlights.

My Profile

Personal space to track registered history.

Developed By

Rishi

Rishi Kumar Chourasia

Team Leader, Full Stack

Member

Frontend Lead

Frontend Engineer

Member

Backend Lead

Backend Engineer

Member

UI/UX Specialist

Designer & QA