I had already made all the code and designs required to create weather reports for any city when I created my Discord Weather Report bot, and I didn't want to limit to Discord; I wanted anyone to be able to use it from anywhere. Thus, I decided to create a web interface for the weather report API.

To quickly summarise my Weather Reports, the main features are:

• Works for the majority of cities worldwide
• Show current temperature, conditions, and local time
• Shows tri-hourly forecasts for the entire day with a progression marker
• Forecasts hourly and average temp and conditions for tomorrow
• Minimalist and sleek, while also informative and readable design
• Cute icons made by me! ☁️🌞

The Weather Report website follows the same principles, featuring:

• A simple interface
• Super fast responsiveness
• Light and Dark themes
• Page’s accent colour dynamically changes to match forecast
• Automatically generates weather card for the user's city
• Query the API directly using /wttr/[city name]

I used Svelte for the front-end, and Python Flask for the back-end. The back-end API uses Pillow for generating the images, and comes from my David Lynch Weather Bot, with some tweaks made. All images and weather card design were made by me.