
NASA's Artemis II launched in April 2026, and I wanted to track it in real time — not from a news feed, but by querying the actual spacecraft ephemeris data from JPL Horizons and rendering it on a 2D orbital map with the Moon. The result: a bilingual dashboard at artemis.firstcommit.io where you can scrub through the entire mission timeline.
Builder of firstcommit.io. I ship with AI and share the journey.
6 stages to follow
Paste this in your AI coding tool to build your own version, guided by the approach in this guide.
Build the project from this First Commit guide: c10c931a-fb48-4ea6-bb65-3e47fea3279bResearched NASA's Horizons REST API — figured out the quirky parameter quoting, the $$SOE/$$EOE text parsing, and how to request Earth-centered vector ephemeris for spacecraft -1024.
~2 messagesBuilt the Next.js API route that fetches from Horizons, parses the archaic response format, and returns clean JSON with position, velocity, distance, and speed.
~2 messagesBuilt a full-screen Canvas renderer showing Earth at center, the Moon with orbital trail, and Orion with a rocket emoji rotated to match velocity direction. Concentric range rings provide scale.
~3 messagesRedesigned the API to fetch the entire mission timeline in 2 requests (Artemis + Moon), then built client-side binary search interpolation for scrubbing through history with zero additional API calls.
~3 messagesAdded bilingual support defaulting to Spanish with an EN/ES toggle. All UI strings including canvas labels switch instantly.
~2 messagesAudited for DDoS amplification, denial-of-wallet, and missing security headers. Applied ISR caching, security headers, and sanitized errors. Deployed to Vercel with custom subdomain.
~2 messagesNo comments yet
Builder of firstcommit.io. I ship with AI and share the journey.
6 stages to follow
Paste this in your AI coding tool to build your own version, guided by the approach in this guide.
Build the project from this First Commit guide: c10c931a-fb48-4ea6-bb65-3e47fea3279b








