Ship #1

I made a website that connects to the NASA API and retrieves data of each day. I also added various features to change the date so the user would be able to see information published by NASA from the past.

Something that I personally felt was challenging was learning all about the new things introduced in this project, such as vite, as well as things like the date changer and search bar (which I had in the first few versions of the project, but I realized that it was not really necessary since my website could revolve around just NASA API data retrieval). I believe this because learning something new can be challenging at first, but taking the time to orient yourself to be familiar with these new things can really help in the long run -- this is something that I did in this project (the date changer at first was confusing, but I later implemented it to retrieve past API information), and I am so glad that I was able to undergo this learning process in this project!

Try project → See source code →

Open comments for this post

@jin6135 on websitePulse · 16 days ago

22m 35s logged

Devlog 2

Some updates from yesterday:

README.md has been finalized
Errors have been checked
I capitalized the title at the top in the tabs to be Andromedaaa

We are ready to ship!

Open comments for this post

@jin6135 on websitePulse · 16 days ago

2h 40m 6s logged

Devlog 1

Over the past three days, I started, tested, and finalized this project. Here are some of the things that I am currently working toward in the submission requirements:

✅It currently has HTML, CSS, and JS (with CSS and JS located in the src folder).
⏰Currently working on a README, but I do have a lot of frequent commits (13 total).
✅Here is the current devlog where I will be describing what I have been built (and any additional features that I have added).
✅No AI usage at all in this project!
✅Fully deployed website (not just a localhost)
✅Custom UI/CSS instead of plain templates (I added an image of the James Webb Telescope in the background through the CSS property of background-image.
✅This website uses a real feature (where we retrieve data from the NASA API).

What My Website Currently Has:

Title, which is centred and retrieved from the API
Explanation of what is happening (left-justified, with a relatively small margin to the left and right)
Image/Video/YouTube video, that is currently managed by main.js depending on the type of media it is, which is located below the Title and Explanation
Copyright Credits, located at the bottom and is aligned to the centre horizontally. This is used to credit the creators and contributors (NEW to just my website)
Date changer, allowing the user to change the date and read up on previous topics in the past (I do this by adding the date to the fetch command in main.js). This is also NEW to just my website; however, the creator of the APOD project did suggest something relating to the date in the introduction.

Next Steps:

Write a README for the project
Attempt to find more errors
Ship! (After that maybe, I might go back and add another few features!)