StormTunes

StormTunes is a mood-driven weather app that sets the tone. It combines weather alerts with curated music playback, to create an immersive sound experience.

Comment

🌀 Inspiration

StormTunes was inspired by a post in the subreddit r/SomebodyMakeThis, where people share ideas they wish someone would build. The concept of a weather app that plays music when a storm is coming immediately resonated with me.

As someone who curates music to match the mood of the moment—especially during storms—I knew I wanted to create something that didn’t just inform users of bad weather, but transformed it into an emotional experience.

🎧 What it does

StormTunes checks the weather in real time and, when it detects stormy or rainy conditions, it automatically plays a curated audio track to match the vibe.

Users simply click “Check Weather”, and the app:

  • Fetches live weather data
  • Analyzes for storm-related conditions
  • Plays an ambient soundtrack if a storm is near

It’s part utility, part mood enhancer—turning data into atmosphere.

🛠️ How we built it

StormTunes was built using:

  • HTML, Tailwind CSS, and JavaScript for the frontend
  • OpenWeather API to fetch real-time weather conditions
  • A hidden <audio> player that reveals and plays music when appropriate

The app logic checks for keywords like “Rain,” “Thunderstorm,” or “Storm” in the current weather report, and triggers the music player accordingly.

🚧 Challenges we ran into

  • Autoplay Restrictions: Modern browsers block auto-playing audio without user interaction. I had to design the app flow so playback only triggers after a button click.
  • API Reliability: Free-tier weather APIs often lag or return vague data, making accurate storm detection difficult.
  • Balancing Simplicity and Style: I wanted the app to feel minimal but intentional. Overcomplicating it would have taken away from the vibe.

🏆 Accomplishments that we're proud of

  • Built a functional MVP in hours using lightweight tools
  • Successfully merged utility and aesthetics—users don’t just get a forecast, they feel it
  • Created a unique twist on both weather apps and ambient music apps

📚 What we learned

  • Simplicity can be powerful when it connects emotionally
  • Real-time APIs are unpredictable, so defensive coding and graceful fallback UX matter
  • Tailwind CSS speeds up elegant UI prototyping without bloating the stack
  • Emotional UX is underrated but memorable—it turns tools into experiences

🔮 What's next for StormTunes

  • Geolocation Support – Let users check weather based on their actual location
  • Storm Style Selector – Let users pick a vibe: Jazz, Ambient, Lo-Fi, etc.
  • Scheduled Storm Check – Add a toggle to auto-check the weather every 15 minutes
  • PWA Conversion – Turn StormTunes into a progressive web app with offline support
  • Spotify Integration – Replace static audio with full dynamic playlists

StormTunes started as a fun idea—but it’s quickly becoming a unique space where weather and mood meet. More features, more vibes, and more music are on the horizon.

Built With

Share this project:

Updates