EventHub is a modern full-stack event management platform built with React, TypeScript, and Supabase. It provides a foundation for creating, discovering, and managing events through a responsive web application.

The platform includes event creation and editing, event registration, private events, multiple hosts, event discovery, filtering, detailed event pages, countdowns, and location features powered by Google Maps.

Users can create profiles, follow other users, manage avatars, and interact with event content. Supabase provides authentication, PostgreSQL, storage, and row-level security for the application.

EventHub also includes an administration dashboard for managing events and users, along with role-based access controls and event statistics. SEO features, Open Graph metadata, responsive layouts, and a modern Tailwind CSS interface are included.

The project uses React 18.3.1 with TypeScript, Vite 5.4, React Router DOM, Tailwind CSS, shadcn/ui, Supabase, and Google Maps Places API, providing a customizable foundation for event organizers, communities, businesses, and event discovery platforms.

• Create, edit, and delete events

• Rich event creation with images, dates, times, and locations

• Event discovery with card-based browsing

• Detailed event pages with countdowns and maps

• Private events with host invitations

• Multiple co-host support

• One-click event registration

• Featured event carousel

• Event filtering

• Email and password authentication through Supabase

• Custom user profiles with names, usernames, and bios

• Public profile pages

• User follow and unfollow system

• Gravatar integration

• Custom avatar uploads

• Protected user and admin routes

• Persistent session management

• Google Maps location autocomplete

• Interactive event maps

• Google Maps directions

• Address validation and suggestions

• Event image uploads

• JPG, PNG, GIF, and WebP validation

• 5MB image size validation

• Supabase cloud storage for images

• Admin dashboard

• Event moderation

• User management

• Role-based admin access

• Event statistics and user activity

• SEO meta tags, titles, and descriptions

• Open Graph social previews

• Semantic HTML

• Vite-optimized loading

• Mobile-responsive interface

• 40+ UI components

• Toast notifications

• Loading and error states

• Real-time form validation

• Smooth animations

• Accessibility-focused interface

• Row Level Security policies

• Secure Supabase authentication

• API key restrictions

• File upload validation

• SQL injection protection

• React XSS protection

• Included event discovery, detail, creation, editing, profile, settings, authentication, admin, and 404 pages

• Node.js 18.x or higher

• Node.js 22+ is also supported according to the source

• npm 9.x or higher

• Yarn, pnpm, or Bun can also be used

• Modern Chrome, Firefox, Safari, or Edge browser

• Windows, macOS, or Linux development environment

• Supabase account

• Supabase PostgreSQL database

• Supabase authentication

• Supabase storage

• Supabase Row Level Security

• Google Cloud account for location features

• Google Maps Places API (New)

• VS Code or another code editor

• Terminal or command-line access

• Basic React/JavaScript knowledge is helpful

• Basic environment-variable knowledge is helpful

• Static hosting such as Vercel, Netlify, or a compatible web server

• HTTPS enabled for Supabase and Google Maps

• Domain name is optional for custom-domain deployment

• SSL certificate is recommended/provided by many hosting services