Introducing our Event Management System, a solution developed as part of our final year group project, designed to streamline campus event planning, registration, and ticket booking. I played a key role as the architect, creating the user interface where I incorporated modern design principles and prioritized user experience. We are developing the system using the MERN stack (MongoDB, Express.js, React.js, Node.js), and we are utilizing the agile Scrum methodology for efficient development.
Skills: Figma · Ui/ux · React.js · MongoDB · Node.js · Express.js · Requirements Analysis · User Interface Design
Features
- Schedule a Event.
- View upcoming events.
- View the event calendar.
- Getting approval for the events.
- Ticket Booking for the event.
- QR Code generation for receiving tickets.
Technologies Used
- ReactJs
- NodeJs
- ExpressJs
- MongoDB
- NPM (Node Package Manager)
- JWT webtoken
- QR code
Getting Started
Prerequisites
- Node.js and npm installed
- MongoDB Database
Instalaltion
- Clone the repository to your local machine.
- Navigate to the project directory. use two terminal
Cd Client - For Frontend
Cd api - For Backend - Install server dependenciesfor both frontend and backend.
- Create a .env file in the root directory with the following content, and replace placeholders with your own values.
MONGODB_URI=mongodb://localhost/your-database-name - Start the server.
ems/api: nodemon start
if the command is not working use PowerShell -ExecutionPolicy Bypass nodemon this command. - Start the Client:
ems/client: npm run dev
The application should now be running. You can access it at http://localhost:5173
The Server is running on http://localhost:4000
