Devlog 2

Last devlog before the first ship 🚀

In this devlog, I updated the UI a little bit but I also added a lot of new stuff.

What’s new?

• The settings button is now in the bottom-left corner and opens a settings modal instead of expanding the page. The settings also include a link to the Stardance project and to my website.
• Added Quick Links where you can add your favorite websites for quick access, being saved in the localstorage. You can also delete them. (There is a name length limit of 35 characters)
• Added an actual banner and announcement that are retrieved from a GitHub repository:

try {
  config = await fetch("https://raw.githubusercontent.com/crislazy/json-files/main/newtab.json")
    .then(r => r.json());
} catch (e) {
  console.log(e)
}

And it gets back a JSON file like this:

{
  "banner": "https://user-cdn.hackclub-assets.com/019f3d65-e4e2-7493-aa1b-ff4c5b419d21/NeWtAb_Banner1.png",
  "announcement": "First ship #1"
}

And, in case the banner couldn’t be loaded, there is a backup placeholder banner, just in case.

• I added a I feel lucky button that just redirects to a secret link
• I also removed the .env file as it wasn’t used
• I added the feature where you can search links like: https://example.com or http://example.com in the search bar and it would redirect to the website. Sadly URLs like example.com wont work…
• I also created a README file for the project as I forgot to make one before.

AI declaration

I get help from an AI agent for the Settings modal and for the Quick Links as I couldn’t make them work.

As I mentioned, this will be the last devlog before shipping the project for the first time.

Devlog 1

I currently added a clock, search bar and some settings. In the settings you can enable/disable if it opens a new tab or not when you search. Also you can switch the search engine from DuckDuckGo/Google/Bing. All the settings save in localstorage.

I plan to add more stuff like shortcuts, calendar, an actual banner and more.