Live ISS Tracker-WebOS

📄 Devlog 3: Final Polish, UI Refinements, and WebOS IntegrationDate: 22 July 2026Project: Live ISS Tracker-WebOSFocus: Final UI polish, WebOS integration, and preparing for submission🧠 What I Built TodayFinalized the dark mission control theme across all windowsIntegrated the ISS tracker as a fully functional draggable window in my WebOSAdded a live UTC clock and status indicatorPolished the About tab with NASA facts, crew roster, and FAQsEnsured smooth performance across desktop and mobile🎨 UI & Design ImprovementsElementWhat I ChangedColor schemeDeep space dark theme with cyan and amber accentsTelemetry cardsClean layout with live data — lat/lon, altitude, speed, distance, crewMapDark map tiles, no attribution clutter, mission control cornersFollow buttonToggle auto-follow on/offLive indicatorGreen pulse when data is fresh, amber when retrying🔧 Final Code ChangesAdded smooth animation for ISS movement using requestAnimationFrameImplemented API fallbacks so the tracker works even if one source failsCleaned up code and added comments for maintainabilityMade the entire project responsive for mobile and desktop✅ What’s WorkingISS marker moves smoothly across the mapTelemetry updates every 2 secondsPath line traces the orbit since session startCrew count and roster are liveAbout tab with NASA facts and FAQsWebOS integration — draggable, closable, resizable📸 — Ashish Patel17 • CEH • ADG Verified • Building the future

📄 Devlog 2: Adding the ISS Tracker as a WebOS WindowDate: 22 July 2026Project: Live ISS Tracker-WebOSFocus: Integrating the live ISS tracker into my WebOS as a fully functional draggable window🧠 What I Built TodayAdded the ISS Mission Control dashboard as a draggable window inside my WebOSIntegrated Leaflet.js for the interactive mapConnected to wheretheiss.at API for live position, altitude, and velocityConnected to open-notify API for astronaut count and crew rosterBuilt telemetry cards showing:Latitude / LongitudeAltitudeSpeed (km/h)Distance travelledCrew count🔧 How It WorksFeatureHow It’s DoneLive positionFetches from wheretheiss.at every 2 secondsSmooth movementUses requestAnimationFrame to glide the markerPath trailDashed line tracks the ISS orbit since session startCrew dataFetches from open-notify every 60 secondsFallbackIf one API fails, it switches to another🚧 ChallengesMaking the map resize correctly inside a draggable windowHandling API fallbacks so the tracker keeps working even if one source failsSmoothing the ISS movement so it doesn’t jump across the map✅ What’s WorkingISS marker moves smoothly across the mapTelemetry updates in real-timePath line traces the orbitCrew count and roster are liveDark mission control theme fits the WebOS vibe

📄 Devlog 1: ISS Mission Control — Starting the BuildDate: 22 July 2026Project: ISS Mission Control DashboardGoal: Build a real-time tracking dashboard for the International Space Station with live telemetry, path tracing, and crew data.🧠 What I Built TodaySet up the project structure: index.html, style.css, script.jsIntegrated Leaflet.js for the interactive mapAdded a dark, space-themed UI with a mission control vibeWired up the live clock (UTC) and status indicator🔧 Tech StackToolPurposeLeaflet.jsInteractive map renderingwheretheiss.at APILive ISS position, altitude, velocityopen-notify APIAstronaut count and rosterVanilla JSAll logic, animations, and UI updates🚧 ChallengesGetting the map to look clean without attribution clutterSmoothing the ISS movement between updates (used requestAnimationFrame for glide)Handling API fallbacks in case one source fails✅ What’s WorkingISS marker moves smoothly across the mapPath line traces the orbit since session startTelemetry updates every 2 secondsLive/Stale status indicator📌 Next StepsAdd more telemetry data (altitude, velocity)Build the About tab with NASA facts and crew rosterPolish UI for mobile responsiveness🕊️ Final ThoughtThis project is shaping up to be a full mission control dashboard — not just a tracker. The goal is to make it feel like a real operations screen. — Ashish Patel17 • CEH • ADG Verified • Building the future