You are browsing as a guest. Sign up (or log in) to start making projects!

1h 7m 27s logged

๐Ÿš€ Just launched Cosmic APOD V3! (Zero-backend, 100% Vanilla JS)

Hey everyone! ๐Ÿ‘‹ A while back, I wanted a faster, more modern way to explore NASAโ€™s Astronomy Picture of the Day (APOD) archive. Today, Iโ€™m super excited to share Cosmic APOD V3!

I challenged myself to build this entirely without a backend. Itโ€™s just Vite and Vanilla JS, but it packs some serious features using browser-native APIs.

โœจ Whatโ€™s new in V3?

  • ๐Ÿค– Local AI Tagging: I integrated TensorFlow.js (MobileNet) to generate image tags directly in your browser via WebGL. No server processing, completely private, and the 1.8MB model is lazy-loaded so the app stays blazing fast.
  • ๐Ÿ”— Shareable Collections: You can curate your favorite APODs and share them with friends. Because thereโ€™s no database, the collections are serialized into Base64 URLs! When someone clicks your link, they get a custom preview modal before importing it into their local IndexedDB.
  • ๐Ÿ“… Date-Range Explorer: Batch-fetch and paginate through decades of space history without locking up the browser.
  • ๐Ÿšฆ Smart API Limits: NASA limits you to 30 requests/hour. V3 elegantly catches HTTP 429s and lets power users plug in their own API key via localStorage to unlock 1,000 requests/hour.

Iโ€™ve learned so much about AbortControllers, IndexedDB, Service Workers, and client-side ML while building this.

If youโ€™re interested in offline-first web apps or space, Iโ€™d love for you to check it out and let me know what you think! ๐ŸŒŒ

๐Ÿ”— Live Demo: [https://cosmic-apod.vercel.app]
๐Ÿ’ป GitHub: [https://github.com/gauravkhatriweb/cosmic-apod]

0
3

Comments 0

No comments yet. Be the first!