Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎟️ EventHub

A modern full-stack event management platform — discover events, book tickets, and manage everything through a polished, SaaS-style experience.

React Node.js MongoDB Tailwind CSS Vite

Live Demo · Report Bug · Request Feature


📸 Preview

Landing Page Event Discovery
Landing Page Event Discovery
Register Page Testimonials
Register Page Testimonials

✨ Features

  • 🎨 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

🛠️ Tech Stack

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


🚀 Getting Started

Prerequisites

  • Node.js 18+
  • MongoDB running locally or a MongoDB Atlas connection string

Frontend

cd frontend
npm install
npm run dev

Backend

cd backend
npm install
npm run dev

Environment Variables

Create 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 .env file — it's already excluded via .gitignore.


📁 Folder Structure

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

🗺️ Roadmap

  • Cloudinary image uploads
  • Real payment gateway integration (Razorpay live mode)
  • Organizer and admin dashboards
  • QR ticket download and email confirmations

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📄 License

This project is open source and available under the MIT License.


Made with ❤️ by Mani Kumar

About

Full-stack MERN event management platform with booking, QR tickets, and simulated payments

Resources

Stars

5 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages