Published on

Zima Weather Live

Authors

Zima Weather is Live

I started Zima Weather in December 2020, being inspired by the following Animated Weather Cards codepen:

See the Pen Animated Weather Cards by Steve Gardner (@ste-vg) on CodePen.

My vision was to create a smart dashboard that would be constantly displayed at home with a Raspberry PI and a dedicated screen. This way, I wouldn't need to check my phone for frequent weather updates, which I tend to forget after five seconds.

The design idea centered around a weather card for each day, starting from today, for a total of five cards/days in a row, with a calendar and time displayed at the top.

Initially named simply Weather Dashboard, I made my first commit to the repo in December 2020. You can find my original source repo at https://github.com/dragoon/starport:

This log of updates summarized important milestones and changes made to the project:

Update Logs

  • Initial Setup: Established the project foundation, integrating HTML, CSS, JavaScript, and SVGs to visualize different weather conditions dynamically. The setup included essential frontend technologies and custom SVG elements for weather effects like rain, snow, and thunder.

  • Settings as a Class Variable: Modified the weather card's settings to be encapsulated within the WeatherCard class. This change allows for more adaptable visualizations, with each weather card maintaining its own settings.

  • Removal of Sunburst: Opted to remove the sunburst effect from the weather cards to focus more on the primary weather animations, streamlining the overall visuals.

  • Update to GSAP: Original weather card code used outdated TweenMax library, which is now superseded by GSAP