Track the International Space Station in real time
Progressive Web App built with Angular 19, Bootstrap, Mapbox & satellite.js — clean, mobile-first UX with no-nonsense visuals.
Real-time ISS tracking with clean, intuitive UX. See where the Station is now, when it passes over you, and get desktop notifications before each pass. Fully installable as a PWA on any device.
Key features
- Live position on an interactive Mapbox view (calculations powered by
satellite.js) - Next 3 visible passes with direction, duration & brightness hint
- Desktop alerts (Service Worker + Notifications API)
- PWA installable on iOS / Android / Desktop
- GPS or IP-based location with graceful fallback
- ISS panel with orbital data at a glance
- Mobile-first responsive design
Mobile — Install PWA
Mobile — Map & tracking
Mobile — Notifications
| Category | Tools / Libraries |
|---|---|
| Frontend | Angular 19, Bootstrap 5 |
| Mapping | Mapbox GL JS, satellite.js |
| Data source | WhereTheISS.at (primary) · Open Notify API (fallback via Vercel) |
| PWA | Angular Service Worker, Web App Manifest |
| Hosting | Vercel (CI/CD) |
This is a 100% frontend project — no backend required.
Pass calculations run locally withsatellite.js; the ISS tab uses the same data flow. Mapbox token is URL-restricted (Vercel + localhost).
Today — 100% frontend (Angular PWA):
- Pass calculations run locally using
satellite.js - Map rendering via Mapbox (token URL-restricted)
- Desktop alerts with Service Worker + Notifications API
- ISS position: WhereTheISS.at (primary) · Open Notify (fallback via Vercel proxy)
Next — extend frontend superpowers:
- .ICS calendar export generated client-side
- Improve mobile alert support (push notifications may require a tiny backend later)
✨ This project shows how far modern frontend can go — and it’s just the beginning.
v1.1 — Stable & improving
- Pass calculations and desktop alerts are fully functional
- .ICS calendar export is the next feature to ship
👉 iss-tracker-woad.vercel.app/home
On mobile, tap Install to get the full PWA experience 🚀
Built with joy by Daniela Villarreal
Frontend Developer · UX-first mindset · Clean code & playful details
GitHub · LinkedIn · cdaniela.vd@gmail.com