Built with Antigravity AI — Advanced Agentic Coding by Google DeepMind
Backend deployed on Google Cloud Platform (GCP)
VenueSync is an ultra-modern, interactive mobile-first application designed to completely revolutionize the live event and stadium experience. Acting as a digital concierge, it eliminates friction on match days by seamlessly integrating AR navigation, live crowd wait-times, and rapid delivery services right to your seat.
- AI Concierge: Get instant answers, tailored food recommendations, and emergency routing directly from a smart VenueSync AI chatbot.
- AR Navigation Layer: Point your phone to navigate vertically and horizontally across the stadium. It visually guides you to your gate, tracks down your parked car, or routes you to the least crowded restroom.
- In-Seat Delivery: Skip the long lines. Order hot food, cold drinks, or exclusive event merchandise directly from the app and have it brought directly to your seat coordinates.
- Live Wait Times: Utilizing an integrated heatmap system, view live real-time wait times for gates, food stalls, and restrooms, automatically adapting your suggested routes.
- Digital Ticketing: Fully integrated VIP pass and QR scanning architecture.
- Secure Authentication: Real Supabase OTP (magic link) email verification for fans, password-based auth for staff, and protected route guards across the platform.
| Layer | Technology |
|---|---|
| AI Development | Antigravity AI (Google DeepMind) |
| Frontend | React 19 + Vite, TailwindCSS 4, Lucide React |
| Backend | Spring Boot 3 + Spring WebFlux (Reactive Streams) |
| Database | Supabase (PostgreSQL) via R2DBC |
| Backend Deployment | Google Cloud Platform (GCP) — Cloud Run |
| Frontend Deployment | Netlify |
| Resilience | Resilience4j Circuit Breakers |
| Auth & Security | Supabase Auth (OTP + Password), CORS lockdown, protected routes |
This entire project — from architecture to implementation — was developed using Antigravity, Google DeepMind's advanced agentic AI coding assistant. Antigravity handled:
- Full-stack scaffolding (React + Spring Boot)
- UI/UX design with glassmorphism and micro-animations
- Supabase database integration and real-time subscriptions
- Security hardening (auth, CORS, route protection)
- Google Cloud Platform deployment configuration
- PWA (Progressive Web App) setup for mobile installation
The backend Spring Boot service is containerized and deployed on Google Cloud Platform using:
- Cloud Run — Serverless container execution for the WebFlux backend
- Container Registry — Docker image hosting
- Cloud Build — CI/CD pipeline for automated deployments
cd frontend
npm install
npm run devBecause mobile devices require a secure https context to open camera feeds:
# Easy Cloudflare Tunnel (No install required)
npx untun@latest tunnel http://localhost:5173cd backend
./mvnw spring-boot:run- Fan Authentication: Supabase OTP (magic link) email verification
- Staff Authentication: Supabase password-based sign-in
- Route Protection: All authenticated pages guarded by session checks
- CORS: Restricted to deployed frontend domain only
- Backend Hardening: Actuator locked down, server headers hidden, connection timeouts enforced
- Database: Row Level Security (RLS) enabled on Supabase tables
The UI utilizes a customized dark-mode aesthetic built entirely on structural CSS variables and Tailwind utility classes. The design heavily features blurred glass backdrops (.glass), neon pulse animations, and interactive nested routing to mimic native app layouts perfectly.
