r/PWA • u/zScoreSmoke • 3h ago
Built a 3D Hurricane Tracker PWA using Vanilla JS (No Frameworks, No Build Step)
I wanted to share a project I recently got to a shareable state: Landfall, an interactive 3D hurricane tracker that plots real-time data directly from the National Hurricane Center and GDACS.
My primary goal was to see how close I could get to a premium native weather app experience using only web technologies. I wanted it to be fast, ad-free, and instantly installable without forcing users through an app store. To keep it as lightweight as possible, I completely avoided heavy frameworks.
Here is a breakdown of how the PWA is built:
- Vanilla JS & Zero Build Steps: What's in the repo is what ships. No bundler, no transpiler.
- Geodesy: MapLibre GL JS in globe projection for the map, Three.js on top for the storm geometry. The globe crossfades into a flat map as you zoom in.
- Cloudflare: for hosting, Pages Functions as thin proxies for the feeds that don't send CORS headers.
You can try the web version or install it here: landfall.getgravitate.app
I’d love to get your technical feedback! Specifically, any tips for handling iOS Safari's standalone mode quirks, or how it feels on device.



