Inspiration
Music is deeply tied to place and memory. We've all had that experience of hearing a song and being instantly transported back to a specific moment, a specific street corner, a specific feeling. We wanted to build something that captures that magic in real time — what if you could leave a piece of your world behind for a stranger to find? BeatDrop was born from the idea that every location has a story, and music is the most honest way to tell it.
What it does
BeatDrop is a community-driven music map where you drop a song at your current location once a day. Anyone who passes through that same spot within 24 hours can discover your drop, listen to a preview, and see what others around them are feeling. Over time, locations accumulate layers of music — a coffee shop, a park bench, a late-night street corner — each one holding a small sonic diary entry left by someone who was there. Users can build a profile with their favorite songs, follow friends, and see a live feed of everywhere their people have been dropping music.
How we built it
We built BeatDrop as a React web app using Vite. The map is powered by Mapbox GL JS, with real-time song drops stored in Firebase Firestore and user profiles managed through Firebase Auth and Storage. Song search and metadata is pulled from the iTunes Search API, which gave us access to artwork and audio previews without needing a full Spotify integration. The friend feed queries Firestore for drops from followed users and surfaces them in a chronological timeline.
Challenges we ran into
Getting the geolocation and map markers to feel smooth and responsive was trickier than expected — syncing the user's live position with drop rendering required careful state management. Scoping the 24-hour visibility window for drops while keeping Firestore queries efficient was another challenge we had to think through. We also spent significant time making the UI feel cohesive and intentional rather than generic, which took more iteration than we anticipated.
Accomplishments that we're proud of
We're proud of how alive the map feels when drops start appearing around you. There's a genuine moment of delight when you open the app and see that someone nearby dropped a song an hour ago. We're also proud of the overall design — the dark gold aesthetic, the vinyl animation, the drop markers — it all came together into something that feels like a real product rather than a hackathon prototype.
What we learned
We learned how much product thinking matters even at the prototype stage. Small decisions — like limiting drops to once per day, or making songs expire after 24 hours — completely change the social dynamic of the app and push users toward more intentional, meaningful drops rather than spam. We also got much more comfortable with Firestore's real-time data model and how to structure collections for social features like follows and feeds.
What's next for BeatDrop
We want to add reverse geocoding so drops show real location names instead of coordinates, and build out a heatmap view showing which neighborhoods are most musically active. Longer term, we'd love to add reactions to drops, let users leave voice notes alongside their song, and explore a "time capsule" mode where drops are hidden for a week before they can be discovered.
Log in or sign up for Devpost to join the conversation.