my APOD site - Stardance

Ship #1

@rosandrox on my APOD site · 25 days ago

So I used mostly CSS and JS but html too (embeded in the JS)Cosmic APOD Viewer
A sleek, purple-themed web application that displays NASA’s Astronomy Picture of the Day (APOD), featuring its official title, daily image, and background description fetched directly from the API.
Loading Screen: Displays dynamic status text with a smooth fade in/out animation, backed by a graceful error-handling system to prevent crashes.
Images : Include fixed image hyperlinks on both screens, instantly routing users to NASA’s official website and the Stardance program.
Aesthetics: Styled in a deep space-purple theme and paired with a custom glowing cursor for an extra futuristic touch.
More on my previous dev log!
I forgot to upload my answers to the tasks sometime I messed up big time so:
Task 1: the JS sends a request and asks the API. The API understands what it requires to return and returns it. This then must go through a response handler that knows how to properly display the response data.
Task 2:screenshot
Task 3: maybe there is some code that shows us why and where we are getting this response from so that extra info must be discarded and maybe we got to wait till info is fully fetched. (I did it mostly wrong here)
task 4,5+6:screenshot

Try project → See source code →

Open comments for this post

@rosandrox on my APOD site · 25 days ago

3h 38m 51s logged

I made a loading screen that displays a fun tect in regard to the status of the image wich fades in and out while also catching errors and outputing a message instead of crashing. In the main screen APOD,there is the title of the image, the nasa’s “today’s” image and its description fetched by the API. On both screens there are two image hyperlnk that take you to NASA s official website and the Stardance program website.There is also a glowing cursor in the wbsite cuz y not.The theme is purple.