simple-weather

2023.
#personal#frontend #typescript#react#cypress

I wanted to dip back into React v18 after working alongside it for some years after some previous exposure to versions long before that. Finding the right idea was hard as I wanted to keep it barebones as possible while still being highly useful — a weather app for hourly and daily forecasts seemed perfect. It is hosted on GitHub Pages.

When approaching simple-weather, it meant to be just that…”simple weather,” a utilitarian interface. No one can really guess the weather, so why try harder? Other commercial weather websites are really bloated and ad-heavy. Like, we just want to see just the forecast numbers and icons. That’s really all that is shown in simple-weather.

Highlight: The backend uses the Open-Meteo API to display forecasts on 24-hour and 10-day bases.

See more here on the Open-Meteo API. It updates in 15-minute increments and includes many different pieces of data that can be returned.

Highlight: Save a favorite location to automatically update on the home page.

1 Home page with saved location on Desktop.

1 Home page with saved location on Desktop.

Highlight: Utilitarian design.

This is closer to true brutalism for any website I’ve done without actually doing any major CSS styling at all. It also has a light and dark mode. I can’t forget to give a shoutout to plaintextsports.com as inspiration. I love the design of that website, albeit a bit more complex in how it styles using ASCII characters, but that site does the job right. I can see the information I need while it’s interesting without being overloaded. Let’s hope simple-weather feels the same.

2 weather page light mode desktop

2 weather page light mode desktop
3 weather page dark mode desktop

3 weather page dark mode desktop
4 weather page desktop

4 weather page desktop
5 weather page mobile

5 weather page mobile