APOD SITE : The journey

for the past 3 days,i devoloped the APOD site step by step,the work done are as belowwweee

---

Day 1(planning): went thru chrome webstore to find inspiration,here is what i decided to use imma project

• main inspiration from MATERIAL NEW TAB ,i really liked the ai tools button,the layout and the overall feel

-went thru design catalouge(idk its spelling T_T), decided to try nuemorphism this time,since i already have a lil bit expierence on it from last project

---

DAY 2( implimenting what i jus decided on day 1): wrote the html,css and script for the site.

-decided to stay with gray background until i impliment api to prevent my eyes from getting flashbanks in the dark (expirence is the biggest teacher T_T )

-added search tab ,some shorcuts we all use daily

-added the ai tools feature , thanks to MATERIAL NEW TAB for the inspiration

-used an online css design helper tool to help me find the desired values, positions, pixel heights , etc

AI USE - used ai to help me with animations,as my setup looked too flat without emmm

---

DAY 3( nasa’s API,finishing touches): implimented the most important part,the APOD bg YYAAYYAAAYAYAY

-added an info tab to display the information abt the pic coming along with the APOD image

-decided to add a lil bit of blur to the bg image,since othervice it messes up the nuemorphism theme

-i noticed a the bg takes a lot of time to load in hdurl, so im lowering the bg image quality,wont make much of a difference tho

AI USE - im new to APOD api,used chatgpt to learn the syntax of the request,and how to impliment it.asked claude add a fallback solid bg in case it fails to fetch the image

---

few fixes and shipping soooooon