You are browsing as a guest. Sign up (or log in) to start making projects!

AstroTab

  • 6 Devlogs
  • 5 Total hours

AstroTab is a customizable space-themed productivity dashboard designed to feel like a personal command center. It combines astronomy-inspired visuals with useful features such as NASA’s Astronomy Picture of the Day, live weather and orbital telemetry, a focus timer, quick notes, bookmarks, ambient soundscapes, and customizable interface settings. Users can adjust things like timer modes, session durations, starfield density, glass blur, sound volume, and location while keeping the interface interactive and immersive.

Ship #1 Pending review

I made AstroTab, a space-themed productivity dashboard built around astronomy and designed to feel like a small personal command center. It combines useful productivity tools with live space and weather data, including NASA’s APOD API, Open-Meteo weather and geocoding, Quick Notes, bookmarks, ambient soundscapes, a customizable Pomodoro/Stopwatch timer, and an interactive Canvas starfield.
As I kept building it, the most challenging part was making all this system work together reliably. Handling API failures and rate limits, adding fallbacks and caching for NASA APOD, building the Web Audio sound generator, and getting the timer to safely switch between Pomodoro and stopwatch modes took a lot of debugging and experimentation. I’m especially proud of how the final Dashboard came together and how complete it feels when i compared to where I started and last devlogs.

Try project → See source code →
Open comments for this post

32m 21s logged

Fixed Some Small Bugs
Connected To Vercel and Now Ready For Deploy
These updates have made AstroTab much more complete, reliable, and customizable.
There are still more ideas and improvements I want to work on, but I’ll be saving those for further development.
For now, I’m happy with where AstroTab has reached and I’m ready to ship it. 🚀

0
0
3
Open comments for this post

1h 26m 40s logged

Today I continued working on AstroTab and focused on adding more useful features while improving the overall layout and reliability.
I also added APOD caching using localStorage so the API isn’t called unnecessarily every time the page loads.
For the telemetry section, I added city search using Open-Meteo’s geocoding service, allowing users to manually choose a location.
I also fixed the header so it stays visible while scrolling and replaced the old bookmark prompt with a proper glassmorphic modal for adding bookmarks. I added a volume slider to the ambient sound controls as well.
Another major addition was the Focus Timer. I built a Pomodoro timer with custom duration settings, persistence, and a new stopwatch mode that can count up instead of counting down. I also added controls for adjusting the glass blur effect and starfield density directly from the interface.
These updates have made AstroTab much more complete, reliable, and customizable. This is my last devlog before I ship AstroTab. There are still more ideas and improvements I want to work on, but I’ll be saving those for further development after the initial release.
For now, I’m happy with where AstroTab has reached and I’m ready to ship it. 🚀

0
0
19
Open comments for this post

24m 50s logged

I Moved AstroTab from simple HTML/CSS/JavaScript setup to Vite. as the project was getting bigger with mutiple features, Some APIs, scripts and assets. I wanted a better development structure instaed of keeping everything in a basic static setup.
This update doesn’t change the main design of AstroTab, but it gives the project a much better foundation for adding more features and improving the codebase as I continue building it.

0
0
18
Open comments for this post

42m 34s logged

Just Improved the Overall look and feel of AstroTab and making the interface feel more like a proper space-themed. I started by adding a dynamic starfield background using an HTML5 canvas with the small particle system so the starts can twinkle in the background without needing any external animation library. After That, I worked on improving the visual consistency of the dashboard. Also fixed the AM/PM causing unwanted wrapping problems. Overall, from last Update, the work was mainly about polishing AstroTab by making the space aesthetic.

0
0
12
Open comments for this post

1h 21m 59s logged

Just Now Finished bringing AstroTab to life by adding features. I started by building a realtime Clock that updates every minuite and greeting system that changes based on the time of day.
After that I added a 12-hrs and 24-hrs format toggle/ To improve user Experience, I used localStorage so AstroTab remembers the selected format even after the page is refreshed or reopened.
Next I connected AstroTab to NASA’s Astronomy Picture of the Day (APOD) API. The dashboard can now fetch and display the daily images along with its title, date and description.
Then I built the Quick Notes Feature, allowing userd to add and remove notes directly form the dashboard. All notes are saves using localStorage, which means they remain available between sessions without requiring any backend or database.

0
0
9
Open comments for this post

29m 6s logged

Today ie. 02/09/2026 I started building AstroTab.
I began with the basic desktop layout and finished setting up the 3-column grid. I also added the intial Glassmorphic style to give it a clean space-themed look using backdrop-filter: blur().
Next, I’ll start working on the actual widgets and API features.

0
0
15

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…