Aplikacja webowa służąca do śledzenia Międzynarodowej Stacji Kosmicznej (ISS) w czasie rzeczywistym. Zaprojektowana w surowym stylu taktycznego panelu dowodzenia, prezentuje szczegółowe dane telemetryczne, historię parametrów lotu oraz przewidywania kolejnych przelotów. Projekt został stworzony z myślą o portfolio, z naciskiem na wykorzystanie frameworka Nuxt 4 oraz integrację z zewnętrznymi API i mapami.
- Sledzenie na zywo: Pozycja ISS aktualizowana w czasie rzeczywistym na interaktywnej mapie.
- Zaawansowana telemetria: Wyświetlanie aktualnej wysokości, prędkości, dokładnych współrzędnych oraz statusu oświetlenia (dzień/noc).
- Kalkulator przelotów: Przewidywanie nadchodzących przelotów stacji na podstawie podanych przez użytkownika współrzędnych (lub geolokalizacji).
- Statystyki sesji: Monitorowanie przebytego dystansu, opóźnień sieciowych (latency) oraz generowanie wykresów zmian wysokości i prędkości.
- Konfiguracja interfejsu: Obsługa motywu jasnego i ciemnego, zmiana stylów mapy (satelita, topograficzna, ciemna) oraz regulacja częstotliwości odświeżania danych.
- Skład załogi: Wyświetlanie aktualnego manifestu załogi przebywającej na pokładzie ISS.
- Framework: Nuxt 4 / Vue 3 (Composition API, Script Setup)
- Interaktywna mapa: Leaflet.js
- Źródło danych: API "Where the ISS at?"
- Stylowanie: Czysty CSS (wykorzystanie CSS Variables, CSS Grid / Flexbox)
Osobiście używam bun, ale npm też może być użyty do uruchomienia projektu.
- Skopiuj repozytorium: git clone https://github.com/TheNazgul42/iss-tracker.git
lub gh repo clone TheNazgul42/iss-tracker
-
Przejdź do folderu z projektem i zainstaluj zależności: npm install
-
Uruchom serwer deweloperski: npm run dev
Aplikacja będzie dostępna w przeglądarce pod adresem http://localhost:3000.
