Earthy
By
@Rohan
- 1 Devlogs
- 2 Total hours
A basic website with a date picker and uses NASA’s API key to display images and descriptions of the images displayed!
Ship #1
Pending review
Earthy
I made earthy, it is a mission project and my main goal behind is to learn more JS and get used to JS concepts.
Currently I mainly code in python and sometimes C or C++ also learning assembly. I barely do frontend and I’m planning to learn frontend over the next few weeks!
A few features of the website:
- Date picker so you can select the date of the image you want to see :D
- NASA image displayed for each day that has passed
- Short description + title off the image displayed
The css and html went smoothly although I had trouble inverting the design on the side and eventually had to ask chatgpt on how to invert it.
Quick note: If it says “undefined” you have picked a date in the future and NASA’s API hasn’t selected a image for that date. You must select it from the past only.
I worked on the code; the CSS, js and html. I had quite a few issues especially with the CSS misbehaving as the design on the sides would not invert and was not symmetrical I eventually found how to invert it succesfully.
The API was returning the NASA logo for some reason although it turns out I was using the wrong URL and figured it out after I asked chatgpt.
The rest of the codebase went smoothly, I’m starting to get used to js more and more currently I mainly code only in python so I’m trying to learn js! There are a few concepts hard to wrap my head around but eventually learnt them : p
