Devlog – My Custom New Tab Page

So I made this custom new tab page for the Hackclub challenge. It’s basically a new tab page with shortcuts for easy access to stuff like Google, YouTube, Gmail, and GitHub.

First I set up the HTML – just the basic layout. I added a big “Search” heading at the top, a clock that shows the time, a search bar, shortcut buttons, and a to-do list section.

Then I worked on the CSS to make it look clean. CSS was used for the Styling & Dark Mode Theme.

For the JavaScript, I made the clock update every second so it actually shows the current time. I got the search bar working too. If you type something in, it searches Google, but if you paste a URL, it just goes straight to that site. The to-do list was the main feature. You can add tasks and delete them when you’re done. I used localStorage to save everything, which means if you close the tab and come back later, your tasks are still there.

After I got everything working on my computer, I pushed it all to GitHub and used GitHub Pages to get a live link so anyone can see it.
You can try the demo here: notsap.github.io/my-new-tab-page/
Thanks for your time.