Evently is a campus-focused event management platform built as part of our group project. It simplifies event scheduling, registration, and ticket booking for university communities.
As the lead UI/UX architect, I designed and developed a modern, intuitive interface that prioritizes user experience. The system is built using the MERN stack (MongoDB, Express.js, React.js, Node.js), following Agile Scrum methodology for iterative and efficient development.
- 📅 Schedule and manage events
- 🔍 Browse and view upcoming events
- 🗓️ Visual event calendar
- ✅ Event approval workflow
- 🎟️ Ticket booking system
- 🔐 Secure QR code generation for ticket verification
- Frontend: React.js, Figma (UI Design)
- Backend: Node.js, Express.js, MongoDB
- Other Tools: JWT for authentication, QR code generation, NPM for package management
- Designed the full UI in Figma based on modern UX patterns
- Implemented responsive React components
- Handled user flows for registration, login, and ticket booking
- Collaborated with backend developers using Agile practices
- Node.js & npm installed
- MongoDB running locally or via Atlas
-
Clone the repository:
git clone <repo-url>
-
Navigate to project directories in two separate terminals:
cd ems/client # For frontend cd ems/api # For backend
-
Install dependencies:
npm install
-
Create a
.envfile in/apidirectory with:MONGODB_URI=mongodb://localhost/your-database-name
-
Start the backend server:
nodemon start
If using PowerShell and facing permission issues, run:
PowerShell -ExecutionPolicy Bypass nodemon
-
Start the frontend:
npm run dev
- Client: http://localhost:5173
- Server: http://localhost:4000
Figma · UI/UX Design · React.js · MongoDB · Node.js · Express.js · Requirements Analysis · JWT Auth · Agile Scrum
Thanks for checking out Evently:) Feel free to explore or contribute.