my APOD site - Stardance

Ship #1 Pending review

@jovanovicv529 on my APOD site · about 2 hours ago

what i made
a site that shows nasa’s astronomy picture of the day with the title, the image (or video) and the explanation. i made it in react + typescript with vite and put it on github pages.

what was hard
not much honestly, it’s a pretty simple project and i’ve made a lot of basically the same thing in react before, so it went fast and was easy. the most annoying part was getting the api key to work on the deployed site, since the .env isn’t on github.

Try project → See source code →

Open comments for this post

@jovanovicv529 on my APOD site · about 3 hours ago

15m 57s logged

Devlog: NASA APOD site
got most of my APOD site done! it shows NASA’s picture of the day with the title and explanation, and it updates every day. live here: https://paimei1.github.io/APOD/ and the code is at https://github.com/PaiMei1/APOD
the guide uses vanilla JS but I did it in React + TypeScript with Vite since that’s what I know best. it handles loading, errors, and image vs video.
for the styling I made zigzag strips on both sides with clip-path: polygon() and used Orbitron + Black Ops One for the fonts.