A modern full-stack event management platform — discover events, book tickets, and manage everything through a polished, SaaS-style experience.
| Landing Page | Event Discovery |
|---|---|
![]() |
![]() |
| Register Page | Testimonials |
|---|---|
![]() |
![]() |
- 🎨 Stunning landing page — animated hero, live search, featured event cards
- 🔍 Smart event discovery — search and filter by category
- 💳 Simulated Razorpay checkout — realistic payment flow for demo purposes
- 🎫 QR ticket generation — instantly generated, scannable tickets on booking
- 📱 Fully responsive UI — glassmorphism + gradient design system, mobile to desktop
- 🔐 JWT authentication — secure signup/login with bcrypt password hashing
- 🗄️ MongoDB-backed APIs — persistent events, bookings, payments, and reviews
Frontend
React 19 · Vite · Tailwind CSS 4 · Framer Motion · React Router · Axios · Chart.js · React Hook Form
Backend
Node.js · Express · MongoDB · Mongoose · JWT · bcrypt
- Node.js 18+
- MongoDB running locally or a MongoDB Atlas connection string
cd frontend
npm install
npm run devcd backend
npm install
npm run devCreate a backend/.env file (use .env.example as a template):
PORT=
MONGO_URI=mongodb://xxx.x.x.x:xxxx/eventhub
JWT_SECRET=
CLIENT_URL=
⚠️ Never commit your real.envfile — it's already excluded via.gitignore.
EVENT-HUB/
├── frontend/
│ └── src/ # React screens, components, and reusable UI
├── backend/
│ └── src/
│ ├── models/ # Mongoose schemas
│ ├── routes/ # Express route definitions
│ ├── middleware/ # Auth & error-handling middleware
│ └── server.js # App entry point
└── README.md
- Cloudinary image uploads
- Real payment gateway integration (Razorpay live mode)
- Organizer and admin dashboards
- QR ticket download and email confirmations
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
This project is open source and available under the MIT License.
Made with ❤️ by Mani Kumar



