Modern Angular 20 zoneless Weather App with Signals & minimal RxJS

I'm most proud of building this weather app using zoneless Angular 20, relying almost entirely on Signals for state management and only minimal RxJS where absolutely necessary. This was my first time working with zoneless Angular, and it was a great learning experience to see how smooth and reactive the app could be without the complexity of zones or heavy RxJS usage. If I were to do it again perhaps look at more CSS animations considering the Angular animations package is now deprecated in favour of native CSS animations.

One of the biggest challenges was adapting to the zoneless Angular paradigm, especially since most resources and examples still assume zone.js is present. I had to rethink how to handle change detection and async flows, relying on Signals and the new resource API instead of traditional RxJS-heavy patterns. Another challenge was ensuring all asset paths and deployment settings worked correctly with GitHub Pages, which required careful attention to relative paths and build output structure. I overcame these by reading the latest Angular documentation, experimenting with Signals, and methodically testing deployment until everything worked smoothly.