EventoEMS - Event Management System

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

1. Clone the repository to your local machine.
2. Navigate to the project directory. use two terminal <br> Cd Client - For Frontend <br> Cd api - For Backend <br>
3. Install server dependenciesfor both frontend and backend.
4. Create a .env file in the root directory with the following content, and replace placeholders with your own values. <br> MONGODB_URI=mongodb://localhost/your-database-name
5. Start the server.<br> ems/api: nodemon start<br> if the command is not working use PowerShell -ExecutionPolicy Bypass nodemon this command.
6. Start the Client:<br> ems/client: npm run dev

The application should now be running. You can access it at http://localhost:5173<br> The Server is running on http://localhost:4000

<h1>Thank You</h1>