A full-stack web application for managing college or organizational events. The platform allows organizers to create and manage events, while users can browse events and register for them.
The system demonstrates full-stack development with React, Node.js, and database integration, including event creation, registration workflows, and an admin/organizer dashboard.
- Browse available events
- View event details
- Register for events
- View registered events
- Create new events
- Edit event details
- Manage registrations
- View participants list
- Manage events
- Approve organizers
- Monitor event activity
Frontend
- React
- Vite
- JavaScript
- CSS
Backend
- Node.js
- Express.js
Database
- MySQL
Tools
- REST APIs
- Git
- npm
Event-Management-System
│
├── BackEnd
│ ├── routes
│ ├── controllers
│ ├── database
│ └── server.js
│
├── src
│ ├── components
│ ├── pages
│ ├── assets
│ └── App.jsx
│
├── public
├── index.html
├── package.json
└── vite.config.js
-
Users browse events through the React frontend.
-
The frontend communicates with backend APIs.
-
Backend handles:
- event creation
- registrations
- data validation
-
Event data is stored in the MySQL database.
-
Organizer/admin dashboards allow event management.
GET /events
Returns a list of available events.
POST /events
Creates a new event.
Example request:
{
"title": "Hackathon 2026",
"description": "24 hour coding challenge",
"date": "2026-03-15",
"venue": "Main Auditorium",
"capacity": 200
}POST /events/register
Registers a user for an event.
git clone https://github.com/DSurya11/Event-Management-System.git
cd Event-Management-System
npm install
Run frontend
npm run dev
Navigate to backend folder
cd BackEnd
Install backend dependencies
npm install
Run server
node server.js