Phase 1: Blueprint & Schema
Designed the foundational Mongoose models for Users and Events. Defined strict schema validation to ensure data integrity before any code was written.
HTML5 Structure
Semantic backbone for accessible dashboards.
Advanced CSS3
Glassmorphism, animations, and grid layouts.
Vanilla JS
Dynamic DOM manipulation and Fetch API.
Node.js Runtime
Event-driven non-blocking backend architecture.
Postman API
Rigorous endpoint testing and documentation.
Cloudinary
Optimized image CDN for event posters.
MongoDB Atlas
NoSQL cloud database for scalable data.
Fast-CSV
Server-side data parsing for Excel reports.
JWT Security
Stateless session management & RBAC protection.
Nodemailer
SMTP transport for OTPs and Alerts.
Vanta.js
WebGL powered immersive 3D backgrounds.
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 using Middleware
(auth.middleware.js) to ensure secure role
handling.
Security First
Bcrypt hashing for passwords 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 Cloudinary integration for seamless image uploads.
Automated Emails
System auto-sends emails on Registration, Cancellation, and Deletion.
Fast-CSV Export
Download registration lists as CSV files instantly.
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.
System Architecture
The Development Journey
Phase 2: Secure Auth Gateways
Implemented JWT for stateless sessions and Nodemailer for OTP verification. Ensured that only verified BMSCE emails could access the system.
Phase 3: Role-Based Architecture
Created custom Middleware (requireModerator vs
requireStudent) to strictly separate admin
capabilities from standard user access.
Phase 4: Event Engine
Built the core CRUD operations. Integrated Cloudinary to handle high-resolution poster uploads asynchronously.
Phase 5: Automated Comms
Engineered an event-driven email system. The server automatically triggers emails upon registration, cancellation, or event deletion.
Phase 6: Data Intelligence
Developed the /export endpoints using
Fast-CSV. This allows moderators to download instant
Excel-ready reports of attendees.
Phase 7: Security Hardening
Implemented Rate Limiting to prevent spam and conducted rigorous API Endpoint testing using Postman to patch vulnerabilities.
Phase 8: Final Polish
Integrated Vanta.js for immersive 3D visuals and refined the mobile responsiveness to ensure a smooth experience on all devices.
Developed By
Rishi Kumar Chourasia
Team Leader, Full Stack, Frontend, UI/UX
Frontend Lead
Frontend Engineer
Backend Lead
Backend Engineer
UI/UX Specialist
Designer & QA