Inspiration

We noticed that local community events are often scattered across social media, websites, and word-of-mouth. People struggle to find engaging, nearby activities. We wanted to create a visual, map-based platform where discovering and sharing events is simple, interactive, and fun.

What it does

MapNMeet allows users to: Discover events on an interactive map Drop pins and add event details (title, category, date, time, organizer info) Find events nearby using geolocation View detailed event pages with mini-maps, weather forecasts, and galleries Share events via links, email, Telegram, and Discord

How we built it Frontend: React.js, Tailwind CSS, React Router, Leaflet.js for maps Backend: Node.js + Express, Firebase Authentication Database & Storage: MongoDB Atlas / Firebase Firestore, Cloud Storage for images Automation: n8n workflow to save events, fetch weather, and send notifications APIs: OpenWeather API for forecasts, Geolocation API for nearby events

Challenges we ran into

Integrating multiple APIs (maps, weather, notifications) in a seamless workflow Ensuring persistent storage for events across sessions Handling event validation and missing data automatically Making the UI responsive and interactive across devices

Accomplishments that we're proud of Fully interactive, map-first platform for community events Automated notifications via email, Telegram, and Discord Weather planner to help users choose suitable dates Event gallery to foster community engagement Streamlined n8n workflow for managing events efficiently

What we learned How to integrate multiple APIs into a cohesive product Building automation workflows with n8n for real-time updates Managing persistent storage and handling user-generated content Improving UI/UX for maps and interactive elements

What's next for MapNMeet Add user authentication and profiles Enable search and category-based filtering Support image uploads to cloud storage and event galleries Implement dark mode and mobile-friendly push notifications Add map clustering for areas with many events

Share this project:

Updates