QuickTab - Stardance

15m 41s logged

Devlog - QuickTab

I renamed the project from ‘New Tab’ to ‘QuickTab’ to give it a more unique name. I also rewrote the README because the first one was written using AI since I wasn’t aware I had to write it myself.

The project runs live on github pages and you can download the index.html file and double click it to run it locally.

Link to the project: https://notsap.github.io/my-new-tab-page/

Ship #1

@NotSap on QuickTab · 15 days ago

I made a custom new tab page with a search bar, shortcuts, and a to-do list.

The hardest part was getting the to-do list to save tasks with localStorage, figuring that out took a bit.

I'm most proud that the to-do list actually saves everything so tasks don't disappear when you close the tab.

To test it, just open the live link, try the search bar, click the shortcuts, and add some tasks to the list, close and reopen the tab to see they're still there because of localStorage. Everything works on phone or computer.

Try project → See source code →

Open comments for this post

@NotSap on QuickTab · 15 days ago

2h 44m 57s logged

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.