supto50showrab@gmail.com
Back

Eventaura

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:
  • 🧭 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.
Technical Highlights:
  • 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:
  • 🎨 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.

SHOWRAB

supto50showrab@gmail.com