nasa-astro-image
By
@ArHIM
- 4 Devlogs
- 1 Total hours
im gonna fetch all nasa's data mwahaha...
Ship #1
Changes requested
I basically just followed the guide.
It was simple, but what I made turned out very nice, and I loved it.
I’ll work on it over time, but for now this is it.
Basically, it uses the NASA API to get NASA-related images from a certain day.
Cool UI, very basic though. I’ll work on it, as I said!
18m 3s logged
okay, finally ready to ship.
-
made readme + worked on it cleaned it made it nice etc. big deal
-
polished small changes or things that bugged me
-
made sure it met all project reqs.
and now, I submit
15m 34s logged
It actually workssss lets goooo!!!
(But the thing is turns out hackatime wasn’t counting time for the most of the time I worked. BROOOOO. Anyways, I figured and fixed it but most of the work was done by then… )
After a good amount of working, exploring, and js having fun, it works.
The site uses the api to get today’s picture + title + explanation.
I also added a date picker to look at past ones (but the user interactions for that is not the best :( WILL WORK ON IT THO!). made the max date to today so people cant pick future dates.
The hardest part was different data formats. NASA posts a yt video instead of an image. It broke so I needed to fix it. I added a check to check for that. Then it matches and works w the appropriate type of image/vid/yt.
Then I spent some time on the styling. Following the guide, I made it dark purple theme, added fonts, made these zig zag kinda neon pink borders on the sides. On desktop/website it looks great. Phone… i have no idea.
It all works. Finally! Its ready to ship after I add a quick readme. But I’ll surely make some changes after that.
19m 9s logged
Im heavily following the guide, so this might seem like boring. But im leaning and making progres…
Quick one:
-
cleaned out default template files and icons that came with Vite.
-
I also set up GitHub Actions. it auto-deploys to GitHub Pages whenever I push to main which is pretty cool tbh.
Now we actually start writing code. cant wait! or can i?
21m 7s logged
This is the start of my project for the ‘Give Your Website a Pulse’ mission. The mission itself seems very interesting to me tbh.
I set it up using vite and vanilla JavaScript.
Also, created Git repo and made first commit.
It works locally!! Yayyy
I also got the NASA api and now Im looking forward to building this lets gooo
