Don't get caught off guard by the weather! Check the forecast for your current location easily using Geolocation. Or, if you prefer, you can manually search for weather updates anywhere else. Forecasts are updated hourly and include details on conditions, precipitation, and wind, all presented in a format that suits you. Additionally, enjoy dynamic background imagery provided by Unsplash, which matches current weather conditions - somewhat reliably.
The Weather boasts a minimalist and clutter-free design complemented by dynamic background images. I particularly enjoyed the custom precipitation icon, which gradually fills based on the percentage during wetter days in the hourly forecast. However, there's room for improvement in the sliders themselves, as they can feel a bit clunky when manipulated on a desktop.
- Responsive layout & images
- Bespoke SVG icons
- Dynamic background images
- Settings: location services, temperature, wind speed, visibility, precipitation, pressure
- Location search
- Geolocation
- Current weather conditions
- 3 days forecast
- Conditions
- Precipitation
- Wind
- Astronomy
- Tile
- Last updated
- Title
- Cloud cover
- Condition
- Precipitation
- Visibility
- Title
- Temperature
- Feels like
- Humidity
- Pressure
- UV index
- Title
- Direction
- Speed
- Gusts
- Title
- Description
- Temperature
- Condition icon
- Time
- Title
- Description
- Percentage chance
- Bespoke dynamic icon
- Volume
- Time
- Total daily precipitation
- Title
- Description
- Feels like temperature
- Bespoke wind direction icon
- Wind speed
- Time
- Sun: sunrise, sunset
- Moon: moonrise, moonset, moon phase, illumination
- HTML5
- CSS3
- Sass / Scss
- JavaScript ES6+
- React
- React icons
- React router
- Adobe Illustrator