Gathr

Gathr helps people to book venues and contact them efficiently

Comment

Inspiration

Every event begins with a search — finding the perfect venue, discovering availability, checking details, and dealing with owners. This process is usually messy and inefficient. We wanted to build something that simplifies everything: a single platform where attendees can book venues effortlessly and owners can manage their properties with zero hassle.
That idea led to Gathr — a modern, fast, and intuitive venue-booking platform built with the MERN stack.

What it does

Gathr is a full-stack venue booking system that allows two types of users to interact seamlessly:

Attendees

  • Browse and search venues
  • View details such as images, capacity, price, and location
  • Request bookings for their desired date & time
  • Manage their profile and past activity

Owners

  • Add, edit, and delete venue listings
  • Upload photos and descriptions
  • Manage incoming booking requests
  • Update venue availability

The platform includes authentication, secure API integrations, and a clean, modern UI powered by React, Tailwind, and GSAP animations.

How we built it

Frontend (React + Vite)

  • Built with React and structured using components, contexts, and pages
  • Styled using Tailwind CSS for rapid UI development
  • GSAP is used to add smooth UI animations
  • API calls are handled through Axios
  • Routing handled by React Router
  • Includes login flows, dashboards, venue forms, and booking screens

Backend (Node.js + Express)

  • REST API built with Express
  • MongoDB + Mongoose used for modeling users, venues, and bookings
  • Secure JWT authentication
  • Middleware for role-based access (Attendee / Owner)
  • Organized into controllers, routes, and service layers

This creates a fast, responsive, full-stack application with clean separation between frontend and backend.

Challenges we ran into

  • Structuring dual user roles with different dashboards and permissions
  • Implementing JWT authentication cleanly across routes
  • Ensuring smooth communication between frontend and backend during booking workflows
  • Designing a scalable database schema for venues, owners, and bookings
  • Making the UI visually appealing yet minimal
  • Handling CORS issues during local development

Accomplishments that we're proud of

  • Completed a fully functional MERN application from scratch
  • Implemented role-based authentication and secure routing
  • Created a polished, animated UI using GSAP + Tailwind
  • Built a smooth booking flow for both attendees and owners
  • Clean, modular code structure across controllers, services, and routes
  • A project that is production-ready and easily expandable

What we learned

  • Building a full-stack MERN application end-to-end
  • Securely handling user roles, protected routes, and JWT tokens
  • Building reusable UI components and contexts in React
  • Structuring a scalable Express backend
  • Working with MongoDB relationships and Mongoose models
  • Enhancing UI/UX with animation libraries like GSAP

What's next for Gathr

  • Real-time booking updates with WebSockets
  • Integrated payment gateway
  • Venue reviews & ratings
  • Email / SMS notifications
  • Owner analytics dashboard
  • Availability calendar system
  • Full mobile responsiveness redesign
  • Deployment on a production-ready cloud stack
Share this project:

Updates