🎯 EventSphere — Event Management & Ticketing System

A full-stack MERN application for managing events with QR code ticketing, real-time analytics, and multi-role access.

🚀 Tech Stack

• Frontend: React 18 + Vite + Bootstrap 5 + Bootstrap Icons
• Backend: Node.js + Express.js + MongoDB + Mongoose
• Auth: JWT + bcryptjs
• QR Codes: qrcode npm package

👥 Roles

Role	Access
Attendee	Browse events, book tickets, view QR codes
Organizer	Create events, manage bookings, check-in attendees
Admin	Approve/reject events, manage users, view platform stats

⚡ Quick Start

Backend

cd backend
npm install
# Create .env file (see below)
npm run dev

Frontend

cd frontend
npm install
npm run dev

.env (backend)

PORT=5000
MONGO_URI=mongodb://localhost:27017/eventsphere
JWT_SECRET=eventsphere_secret_key_2024

✨ Features

• 🎫 QR code ticketing with unique booking codes
• 📊 Real-time dashboard with auto-refresh (10s)
• 🌙 Dark mode support
• 📱 Mobile responsive with bottom navigation
• 🎨 Neon rings animation + scroll progress bar
• 🔍 Search & filter events by category/city
• 📈 Seat availability progress bars
• ✅ Admin approval workflow

👨‍💻 Developer

Ajay Shinde — PGCP AC, C-DAC Bangalore 2026