DEV Community

Cover image for Building a Weather-Aware Activity Tool with OpenWeather & Mapbox
Sergejs L
Sergejs L

Posted on

Building a Weather-Aware Activity Tool with OpenWeather & Mapbox

Loom

I recently put together a small project to solve a recurring problem in my daily routine: figuring out whether the weather is actually good enough for outdoor activities like walking or biking. I noticed that looking at the temperature alone wasn’t giving me the full picture, so I built something more visual and informative.

Why I Built It

Weather affects outdoor plans in more ways than one—wind, precipitation, humidity, and even how the ground feels when you’re on wheels. I wanted a quick way to assess overall conditions without having to mentally piece together a dozen metrics from different apps.

What the Tool Does

The heart of the project is a globe interface that displays weather data across different cities. Each location shows key details pulled from OpenWeather, but I also added a custom metric I call the “tire rating.”
This rating gives a quick sense of whether it’s a good day for cycling or similar outdoor activities. It combines several weather factors into a simple, intuitive signal.

Tech Behind It

OpenWeather API → for real-time weather metrics

Mapbox → for the interactive 3D globe

Custom logic → for calculating the tire rating

In the video, I walk through how to set everything up with your own API keys so you can experiment with it locally or build on top of it.

Try It Out & Build On It

The tool is still evolving, and there’s plenty of room for creative extensions—notifications, historical comparisons, activity presets, or even AI-powered suggestions.

I’d love to hear your thoughts! If you try it out or have ideas for improvements, feel free to share. Your feedback can help shape the next version.

Tool: https://weathertier.lovable.app/

Top comments (0)