Wheely Weather

A weather app for cyclists. Wheely Weather shows you whether it’s a good day to ride and the forecast details that help you decide.

Role: Design & development

Visit live site

Wheely Weather home screen showing a Good to Ride summary with feels, wind, and rain stats

Problem

General-purpose weather apps aren’t great for planning a ride. The stuff cyclists want to know (wind direction, gusts, real-feel temp) usually takes a few taps to find, and you end up checking more than one app.

Solution

Wheely Weather puts a simple ride-quality score at the top so you can decide quickly. Below that it shows the hour-by-hour outlook, wind and rain probability, dewpoint, air quality, and a five-day view with a “Best Bet” day picked out.

Hour by Hour ride quality chart showing conditions throughout the day — Hour-by-hour scores help you pick the best window to ride.

Ride Specs panel with rain chance, feels like, wind, air quality, dewpoint, UV index, sunrise, and sunset — Ride Specs shows rain chance, feels-like temp, wind, air quality, dewpoint, UV, and daylight hours in one place.

The Week’s Wheelies showing a five-day forecast with a Best Bet day highlighted — The Week’s Wheelies picks the best day to ride out of the next five.

Process

This is a solo project. I started by talking to friends and family who ride regularly about what they actually check before heading out. From there I researched which free weather APIs were available and could cover the data points that kept coming up in those conversations.

Design decisions

The main goal was something a cyclist can glance at quickly but still dig a little deeper if they want to. That led to the ride-quality score at the top as the primary signal, with the detailed panels underneath for anyone who wants the full picture.

Built with

React 19, Vite 8, Tailwind CSS 4
Lucide React for icons
Open-Meteo for forecast and AQI data
OpenStreetMap / Nominatim for reverse geocoding
NWS API for US weather alerts
Vitest and React Testing Library for testing
Cloudflare Pages via Wrangler for deployment

Outcome

A solo project taken end-to-end from research to design to a shipped app I use on my own rides. As much an exercise in running the full process as it was a product to build.

← Back to all work