Back
Year
2025
Tech & Technique
React.js, Node.js, MongoDB, Tailwind CSS, Express.js, Mongoose, React Router, Vercel
Description
Built a fully functional Event Management Web Application using the MERN Stack (MongoDB, Express.js, React.js, Node.js).
The application supports custom authentication, dynamic event operations, a search and filter system for browsing events efficiently, and an intuitive interface designed for ease of use and performance.
Key Features:
Key Features:
- 🧭 Navbar: Logo + Website name, Home, Events, Add Event, My Event, and Sign In button. Logged-in users see their profile picture with a dropdown for Name and Logout.
- 🏠 Homepage: Custom designed with an attractive and user-friendly layout.
- 📅 Events (Private Route): Displays all events in descending order by date and time. Includes event cards with Title, Host, Date & Time, Location, Description, AttendeeCount, and Join Event button. Users can join an event only once.
- 🔍 Search & Filter: Search events by title and filter by Today, Current/Last Week, Current/Last Month.
- ➕ Add Event (Private Route): Allows users to add events with Title, Host Name, Date & Time, Location, Description, AttendeeCount (default 0).
- 📋 My Event (Private Route): Shows user-added events with Update and Delete functionality. Update via modal or separate route, and delete with confirmation.
- 🔐 Authentication: Custom-built Registration/Login system without third-party packages. Includes error handling for invalid credentials and missing fields.
- 💻 Fully Responsive: Optimized for desktop, tablet, and mobile devices.
- Implemented dynamic state management with React.js for real-time UI updates.
- Integrated MongoDB for backend storage and Express.js for API endpoints.
- Built secure user authentication with custom registration and login systems.
- Added interactive forms, modals, and responsive layouts using Tailwind CSS.
- Optimized data retrieval and filtering for fast event search and browsing.
- Deployed on Vercel for smooth hosting and accessibility.
My Role
Full Stack Developer
Owned the entire development lifecycle:
Owned the entire development lifecycle:
- 🎨 Frontend: Developed UI components using React.js and Tailwind CSS.
- 🔄 Backend: Built RESTful APIs using Node.js and Express.js for event CRUD operations.
- 🗄 Database: Managed MongoDB collections for users and events.
- 🔐 Authentication: Created a custom authentication system for registration and login.
- 🚀 Deployment: Hosted the application on Vercel with proper domain setup.
- 🧩 Features: Implemented search, filter, join event, add/update/delete event functionality, and responsive design.