Dokumentation – SpaceX Launch Tracker

🛰 API

• /launch/upcoming/?launch_service_provider__name=SpaceX – kommende Launches
• /event/upcoming/ – Weltraum-Events (z. B. ISS, Spacewalks)
• /launch/previous/?launch_service_provider__name=SpaceX – vergangene Launches (für Erfolgsquote)

🌐 Seitenübersicht

• index.html: Projektübersicht mit Countdown und nächster Mission
• upcoming.html: Anzeige kommender SpaceX-Launches
• events.html: Übersicht anstehender Weltraumereignisse
• doku.html: Diese Dokumentation

🔧 Funktionen

• Dark Mode: Umschaltbar, speichert Status via LocalStorage
• Sternenhintergrund: Animierter Weltraumhintergrund per CSS
• Live-Countdown: Zeigt Zeit bis zum nächsten Start in Echtzeit
• Dynamische Statistik: Live-Daten zu Launch-Anzahl und Erfolgsquote
• Responsive Design: Unterstützt Desktop und mobile Geräte via CSS Grid
• Datenanzeige: Dynamische fetch()-Abfragen mit DOM-Manipulation
• Lokaler Cache: API-Daten werden für 1 Stunde im LocalStorage zwischengespeichert

📁 Verwendete Technologien

• HTML5 / CSS3 / JavaScript
• REST-API (Launch Library 2)
• Kein Framework, reine Vanilla-Implementierung

💡 Beispielcode: Anzeige nächster Launch

fetch("https://ll.thespacedevs.com/2.2.0/launch/upcoming/?limit=1&launch_service_provider__name=SpaceX")
  .then(res => res.json())
  .then(data => {
    const launch = data.results[0];
    document.getElementById("countdown").textContent = launch.name;
  });

📝 Autor & Projektzeitraum

Erstellt von Alexander Leder im Rahmen des WMC-Projekts, SS 2024/25 – info.seesternalex.com