StarryTab
By
@water
- 6 Devlogs
- 4 Total hours
A new tab webpage that displays a new NASA "image of the day" every 24 Hours as a background.
Ship #1
StarryTab: a lightweight, Dead simple, new tab page built with HTML+CSS+JS.
*StarryTab is a free open-source new tab webpage project that offers a very fast and lightweight experience with zero interruptions, no ads, no widgets, no unnecessary bloat, just a search bar and you.
Features:
1- a two-step initial setup: you choose your favorite search engine (or set a custom one), set a favorite color, and you're ready!
2- NASA's photo of the day: fetches the image using the free API, stores the image in local storage (to avoid too many API requests), and displays it as a background in a smooth fade-in animation, every time a new image is released, the old image is deleted from storage and the new one downloads automatically!
3- glow and shadows using css: once you input your favorite color, that color appears as a subtle shadow around the search bar, and also as a glow surrounding your cursor when hovering over a search history entry!
4- search history: not revolutionary but works i guess 👀
AI (specifically Anthropic's Claude) was used for debugging and fixing problems, i'd estimate that around ~10% of the code was written using it, i made sure my code stayed as original as possible, and i'm happy i've learnt a lot with this journey!
it’s DEVLOG TIMEEE!!! This is a big one!, i’m finally able to show some screenshots this time, suprisingly i got the api to work first time, it stays on a grey wallpaper before fetching the background and when it does it does it in a fade in animation, the first time setup goes smoothly so far but after it it just gets stuck in a loop, i’m still tryna figure out what the culprit could be, after that i’ll test all functionality and add some more css, until then stay goated gng ✌
DEVLOG TIMEEE!!!!!, fixed some more code and made the 3 css files i need!! (i mostly copied code from other projects lol), still need to integrate the nasa wallpapers and the project should be finished!, with that said.. stay goated gng✌
DEVLOG TIMEE!!! after realising that react is too hard i completely ditched it, i had to refine the code to work without it (wasnt that hard suprisingly), also added search suggestions using duckduckgo and search history, still need to make the css and some files to interact with nasa’s api, so until then i’ll keep y’all updated👀, stay goated gng🙏✌
SEMI-DEVLOG TIMEE!!, you know how when you open a website that needs you to set your own prefernces like cookies or settings?, well i implemented a similar system here that stores your prefrences locally on your browser, it was very easy to implement, hence why it took me only 17 mins! anyways stay goated gng✌
DEVLOG TIME!!!! i added the ability to change the search engine (ground breaking right?), also made it detect when u typed a url or a search query, trust me it took me so freakin long to understand and implement, anyways stay goated gng✌
Took me long enough to figure out (havent even started seriously coding ts💀)
