Video
Inspiration
We wanted to create a way for people to go beyond static maps and reviews—to capture and share meaningful experiences tied to real locations. Whether it’s the best spot to work remotely, a hidden bird-watching trail, or a memorable event, there wasn’t a simple way to map personal moments in a structured, discoverable way. That’s how MapThat was born.
What it does
MapThat is a mobile-first app built on Google Maps that lets users drop custom markers to log and share experiences. Each marker can be categorized (fitness, food, nature, workspaces, events) and tagged by time—past, present, or future. Users can filter the map by category and view either their own experiences or those shared by others.
How we built it
We used the Google Maps API, integrated it with React frontend, and IndexedDB to store user data and experience markers. We implemented dynamic filtering, location tagging, and category-based organization.
Challenges we ran into
Designing an intuitive UI for adding and filtering experiences
Managing real-time location data with performance in mind
Deciding how to handle privacy and visibility settings for markers
Accomplishments that we're proud of
Built a fully functional prototype in under 48 hours
Seamless experience tagging and category filtering
Clean, user-friendly map interface with real-time updates
What we learned
We learned how powerful maps become when layered with personal context. We also deepened our experience with Google Maps integration, mobile UX, and fast prototyping under time pressure.
What's next for MapThat
Social features: follow users, like/save experiences
Public/private marker controls
Smart suggestions based on user behavior and location
Event countdowns and calendar sync
Integration with Google Places for richer context
Try it out and start mapping what really matters: mapThat
Built With
- google-maps
- indexeddb
- react
- shadcn
Log in or sign up for Devpost to join the conversation.