This is a submission for the Algolia Agent Studio Challenge: Consumer-Facing Conversational Experiences
Hey there, fellow developers! 👋
Ever felt overwhelmed by the sheer number of events happening around you? Concerts, tech meetups, food festivals, art exhibitions... the list goes on! I know I have. So I thought, "What if finding events was as easy as chatting with a friend?"
That's how EventMatch was born! 🎉
🤔 Wait, What Exactly is EventMatch?
Imagine having a super-smart friend who knows about EVERY event happening in your city. You just tell them what you're in the mood for, and boom - they give you perfect recommendations!
That's EventMatch in a nutshell. It's a conversational AI-powered event discovery platform that understands natural language. No more clicking through filters and categories - just chat!
Try saying things like:
- "Hey, I'm looking for some live music in Mumbai this weekend"
- "Show me free tech events in Bangalore"
- "I want something unique and artsy near me"
The AI gets it. It really gets it! 🧠
aniruddhaadak80
/
eventmatch
Say goodbye to endless scrolling. Meet EventMatch - a conversational AI that finds your perfect events through natural chat. Built with Next.js, Algolia Agent Studio & Framer Motion ✨
🎉 EventMatch - AI-Powered Event Discovery
Discover events that match your vibe! EventMatch is a conversational AI-powered event discovery platform built for the Algolia Agent Studio Challenge.
✨ Features
🤖 Conversational AI
- Natural Language Search - Ask "Find music events in Mumbai" or "Free tech conferences this month"
- Smart Recommendations - AI suggests events based on your preferences
- Follow-up Queries - Refine your search with contextual conversations
🎨 Beautiful UI
- Glassmorphism Design - Modern frosted glass effect cards
- Floating Particles - Animated background particles
- Smooth Animations - Framer Motion powered transitions
- Dark Theme - Eye-friendly dark mode design
📌 Core Functionality
- 32+ Events across 9 categories (Music, Sports, Tech, Food, Art, Wellness, Business, Education)
- Bookmarking - Save your favorite events (persisted in localStorage)
- Advanced Filters - Filter by category, price, and saved events
- Event Modal - Detailed view with capacity tracking
- Search - Full-text search across titles, descriptions, and cities
✨ The Cool Stuff (Features!)
🗣️ Natural Conversation
Just type like you're texting a friend. The AI understands context, preferences, and even mood!
🎨 Drop-Dead Gorgeous UI
Dark mode with glassmorphism effects, smooth animations, and gradients that'll make your eyes happy. I spent way too much time on these micro-interactions 😅
⚡ Lightning-Fast Search
Thanks to Algolia, search results are instantaneous. Like, seriously fast.
🏷️ Smart Filtering
Category pills, city filters, price ranges - all working seamlessly with natural language queries.
📱 Fully Responsive
Looks amazing on everything from massive desktop screens to tiny phones.
🔖 Event Bookmarking
Found something cool? Save it for later with our bookmark feature!
🛠️ How I Built This (The Technical Journey)
The Stack 📚
| Tech | Why I Chose It |
|---|---|
| Next.js 16 | Server components, app router, and that sweet, sweet DX |
| TypeScript | Because runtime errors are scary 😱 |
| Algolia Agent Studio | The secret sauce for conversational AI |
| Framer Motion | Buttery smooth animations |
| Tailwind CSS | Rapid styling without leaving my JSX |
Algolia Integration 🔍
This is where the magic happens! Here's how I integrated Algolia Agent Studio:
import { algoliasearch } from 'algoliasearch';
const searchClient = algoliasearch(appId, searchKey);
// Search with natural language processing
export async function searchEvents(query: string, filters?: EventFilters) {
const results = await searchClient.searchSingleIndex({
indexName: 'events',
searchParams: {
query,
filters: buildFilterString(filters),
hitsPerPage: 20,
}
});
return results.hits;
}
The Algolia Agent Studio helps parse natural language queries and convert them into structured searches. It's like having a translator between human speak and database queries!
The Conversational AI Flow 🤖
- User types naturally: "Find me music events in Mumbai"
-
Algolia processes: Extracts
category: Music,city: Mumbai - Smart search: Filters and ranks relevant events
- Beautiful display: Shows results in an engaging chat interface
🎯 The Impact
Building EventMatch taught me so much about:
- Conversational UI/UX: How to make chat interfaces feel natural
- Search optimization: Queryable attributes, faceting, and ranking
- Modern React patterns: Streaming, suspense, and server components
But more importantly, it solves a real problem. Finding events shouldn't feel like homework. It should be fun, and now it is! 🎪
🚀 What's Next?
I'm planning to add:
- [ ] Voice input for truly hands-free discovery
- [ ] Personalized recommendations based on history
- [ ] Social features to see what friends are attending
- [ ] Calendar integration
🙏 Thanks for Reading!
If you made it this far, you're awesome! ⭐
Check out the live demo, play around with it, and let me know what you think. I'd love to hear your feedback!
Built with 💜 for the Algolia Agent Studio Challenge
P.S. - Try typing "surprise me" in the chat. You won't regret it! 😉
Top comments (0)