KuuppaTab
- 3 Devlogs
- 7 Total hours
KuuppaTab: a cool looking "new tab" website with bookmarks/quick links, weather, nasa APOD and more!
This project was vetted by Shipwrights and is now up for voting. You can ship again after making more updates.
Feedback
Hey suklaasukkulayt,
Awesome project! I'd love to see what you make in the future!
Shipwright walkthrough
Ship #1
I made a New Tab page for the Give Your Website a Pulse mission. It has: Nasa APOD, random nebula image from Nasa as a background, search bar, bookmarks/quick links, weather and a clock, a customization menu and a funny red arrow. It also has caching to make it load faster.
This project was fun to make and it turned out really good.
1h 55m 50s logged
Devlog 3
This is gonna be the last devlog before I ship.
- I added a customization/settings menu! You can change your search engine and hide Nasa section, weather and even the funny red arrow!
- The site now has a custom URL: https://kuuppatab.suklaasukkula.dev and I had to change some files for it to work.
- I also fixed some small things
This project has been really fun and also quite challenging.
A bit of AI is used for customization menu, because some things weren’t functioning properly
3h 7m 5s logged
Devlog 2
- I added weather (doesn’t show in the image).
- I made the Nasa part look better.
- I added a text that says “KuuppaTab”.
- I added a bookmarks system! It was kinda hard because it just wouldn’t work, but I managed to get it to work with some help from AI. It gets the icon from Google’s favicon tool, but when you press edit, you can add the icon URL by yourself.
- I added some caching (with a bit of help from AI), so the page hopefully loads faster.
- I added the custom scrollbar that I promised in the last devlog.
Next devlog i’m gonna add a customization menu!
2h 11m 25s logged
Devlog 1
I started the “Give your website a pulse” mission.
My idea is to make a new tab page with some images from Nasa.
Currently the site has:
A search bar and a search button
A clock
Nasa’s image of the day and some info about it
Also a random “nebula” image from Nasa as a background that is different every day.
A funny red arrow :D (let me know if I should remove it)
I’m gonna add a custom scrollbar next!
You can use the Custom New Tab extension to set this as your new tab page.
I got some inspiration for the futuristic search bar with the glow from my friend @Makkonen
I used help from AI for the random background image search
