/weather

Check the current weather with WeatherAPI

Primary LanguageJavaScript

Weather App

Summary

This is a web app that displays the latest real-time weather data using WeatherAPI. The weather is visualised with minimalist CSS animations.

Created as part of The Odin Project Full Stack JavaScript curriculum.

Features

  • Unique animations for clear, partly cloudy, overcast, rainy, and snowy weather during day and night
  • Animations can be paused/unpaused at any time
  • Animations are automatically paused for users who have selected reduced motion in their OS accessibility settings
  • Users can toggle between celsius and fahrenheit

I learned about...

  • Asynchronous code
  • Working with third-party APIs
  • Async/await
  • Error handling
  • CSS animations
  • Motion preferences & a11y