Custom New Tab

A personal browser new tab page

Features

• Live clock with a greeting that changes based on time of day
• Weather — current temperature and conditions based on your location, via Open-Meteo (no API key required)
• Search bar — type and hit enter to search Google, with a / or Ctrl+K keyboard shortcut to jump straight into it
• Daily quotes — random quote on load, with a button to get another, via quoteslate
• Astronomy Picture of the Day — NASA's daily featured space image (or video), cached once per day via NASA's APOD API
• Bookmarks dock — a floating dock of your most-used sites, with the ability to add and remove bookmarks, saved in localStorage
• Focus mode — a toggle that hides everything except the clock, greeting, and search bar, for a cleaner view

Tech stack

HTML, CSS, and JavaScript

Setup

1. Have a browser (OF COURSE YOU NEED A BROWSER!!!!!!!!!!!!!!!)
2. (STEP 1 IS REQUIRED) open this link --> https://davidperyro-stack.github.io/newtab/

APIs used

• Open-Meteo
• quoteslate
• NASA APOD

AI usage declaration

I used Claude for: debug layout issues, explain bugs (like the APOD video-vs-image issue), help me with anything bookmark related (add bookmark/remove bookmark feature was with the most help).