Weather App

Live demo

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