AstroOrbit - Stardance

Ship #1 Changes requested

@anshum_2422 on AstroOrbit · about 3 hours ago

What did you make?
I built a retro NASA APOD viewer with olive & sage green vibes. It shows the daily space image with title and description. Added date picker, favorites, 3 view modes, keyboard shortcuts, and a “Surprise Me” button.

What was challenging?
Getting the API key to work with Vite’s .env system and setting up GitHub Actions for deployment. Also handling YouTube videos since NASA sometimes posts them instead of images.

What are you proud of?
The retro theme actually looks good! The favorites feature saves to localStorage so they stay forever. And the keyboard shortcuts make me feel like a hacker.

What should people know to test?

Live: https://anshum2422.github.io/nasa-project/
Press 1, 2, 3 for view modes
Press D to toggle description
Click the star to save favorites
Use date picker to see any day’s image
“Surprise Me” for random space pics!

1 devlog
0h

Try project → See source code →

Open comments for this post

@anshum_2422 on AstroOrbit · about 3 hours ago

17m 56s logged

🚀 I Built a NASA Website!

I built a retro-themed NASA Astronomy Picture of the Day viewer with olive & sage green vibes. It shows a new space image every day with the title and description.

Features:

3 view modes (Normal, Dark, High Contrast)
Keyboard shortcuts (1, 2, 3, D, +, -)
Date picker to view any day’s image
Favorites (saves to localStorage)
“Surprise Me” for random space pics
Font size controls

Tech Stack: HTML, CSS, JavaScript, Vite, NASA API, GitHub Pages

Challenges: API keys are sneaky (never commit .env!), GitHub Actions took a while to figure out, and YouTube videos need special handling.

What I Learned: Environment variables, API fetching, localStorage, keyboard events, GitHub Actions deployment, and making things actually look good with CSS.

Live Demo: https://anshum2422.github.io/nasa-project/

GitHub:https://github.com/anshum2422/nasa-project

Shoutout to NASA for the awesome API and Hack Club for the mission! ✨