This block was incredibly fun to build, and to date is one of my all time favorite projects. It features integrations with the OpenWeather API for retrieving weather data as well as the Flickity Slider for draggable interactions on smaller screens or at narrow width.
This is the actual block! 👇🏼
Weather for Travelers Rest, South Carolina 😎
The user can select the whether they want the block to fit within the page template’s width, or be full width. The colors for the backgrounds, days, and temperatures are all using theme colors so will match any theme.
Upon adding the block in the editor, it prompts the user to enter a zip code, then it validates that zip code with the API, then displaying to the user whether the result.
Want to see how I made it?
Check out the code on GitHub!