I first followed the guide to create the nasa daily astronomy site but I didn’t do the part for CSS as I knew I wanted to take the site in a completely different direction. I wanted to make a custom new tab page like the chrome extensions I used to use in primary school so I first added a basic searcher that can search on google. I then added slash commands that let you search on YouTube, duckduckgo, GitHub, and chatgpt and made it so the icon updates alongside it. I also added unsplash images for the background using the Unsplash image api. I then added a weather widget by first getting the user’s location and then using the free open-meteo api to get the weather at that location. I wanted to show an icon for the weather but the API, to my knowledge, doesn’t support return images but instead returns weather codes that correspond to the descriptions, like partly cloudy, and the icons that you normally see on weather apps, so I got chatgpt to code an array that maps the weather codes to the description and icon. I then added hints for the slash commands below the searchbar.
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.