CertGram is a modern web application that helps music lovers find concert buddies and connect with people who share similar music interests.
Discover upcoming concerts, swipe to match with potential companions, and chat with your new concert crew.
- Landing & Demo Mode → Jump straight into a live demo of how the system works
- User Profiles → Personalized profile cards with music preferences & avatars
- Concert Discovery → Browse/search upcoming concerts via Ticketmaster API
- Matchmaking (Swipe UI) → Swipe left/right to match with concert companions
- Demo Concert (Always On) → “Demo Event 1” lets anyone test matching instantly
- Location-Based Events → Find concerts near you with geolocation support
- Chat System (Backend) → Real-time chat between matched users (when backend hosted)
- Responsive Design → Fully responsive on mobile, tablet, and desktop
Try it here 👉 https://certgram.vercel.app/
On the Dashboard, you’ll always see a Demo Concert 🎟.
Click “Try Demo Matching” to experience the swiping system with seeded demo users — no signup required.
- ⚛️ React 18 – UI framework
- ⚡ Vite – build tool & dev server
- 🎨 Material-UI (MUI) – component library
- 🎞️ Framer Motion & React Spring – animations
- 🌐 React Router – client-side routing
- 📡 Axios – API calls
- 🎭 Three.js + @react-three/fiber – 3D background effects
- 🟢 Node.js + Express – REST API
- 🗄️ Supabase – Postgres database & storage
- 🔑 JWT – authentication
- 📦 Multer – profile picture uploads
- 🌍 CORS – secure cross-origin requests
- 🎫 Ticketmaster API – live concert/event data