Weatherinator

Summary

What
Weather app
When
June 2024
How
TypeScript, React, OpenWeather API
Demo
https://weather-missingpigeon-0a9211d9c388fb9b0a751c782fc09e931b089e153.gitlab.io/
Code
https://gitlab.com/missingpigeon/weather

About

Weatherinator is a weather app I made to practice consuming REST APIs and formatting/displaying their responses. The app features detailed weather information, 5-day forecast, and canvas-based background animations based on time of day and weather condition, with realistic clouds, raindrops and snowflakes whose movement is affected by wind speed. Weather data is fetched directly from the OpenWeather API. Planned future improvements include saving favorite locations to local storage, weather preview for saved locations, and a proxy backend to prevent the API key from being exposed on the client side.

Screenshots

  • Screenshot 1
  • Screenshot 2