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

STELLAR

  • 3 Devlogs
  • 3 Total hours

Stellar HUD, a browser-based orbital command center that transforms a standard new tab into a tactical sci-fi dashboard. Powered entirely by vanilla web technologies and deployed via GitHub Pages, this interface fuses real-time space and atmospheric telemetry—including live ISS tracking, Open-Meteo weather data, and the NASA Astronomy Picture of the Day—with local hardware diagnostics like battery and network status. Beyond its environmental sensors and ambient deep-space audio comms, the HUD serves as a high-functioning productivity hub featuring a Pomodoro focus timer, a persistent mission log, a daily primary directive input, and a custom system lockdown sequence, culminating in the ultimate developer workspace.

Open comments for this post

18m 16s logged

Well, the reviewers said that I have used AI to generate my Readme and I do agree with that but I had used my own tool an VS code extension that I had built to specially write my README according to the Stardance guide to write a README.

0
0
13
Ship #1

I built Stellar HUD, a browser-based orbital command center that transforms a standard new tab page into a tactical, sci-fi dashboard tracking live ISS telemetry, local Open-Meteo weather, and NASA's daily imagery alongside my system's battery and network diagnostics. My biggest development challenges were resolving nasty layout collisions where widgets were being pushed completely off the screen, fixing a fractured layout height, debugging a crashed JavaScript file, and figuring out the Vite deployment pipeline to correctly host the build on GitHub Pages. I am incredibly proud of successfully building a fully interactive productivity suite out of vanilla web tech, complete with an auto-saving localStorage scratchpad, a custom Pomodoro focus timer, a live ambient audio stream, and a flashing crimson "System Lockdown" override sequence. If you want to test out my project, just know that you need to allow browser GPS permissions so the atmospherics can initialize, click the [ INITIATE AUDIO ] button to trigger the ambient stream, and toggle the [ LOCKDOWN ] button to experience the full red-alert visual override.

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

2h 3m 33s logged

Following a near-fatal system crash where my layout fractured into a black void and the JavaScript died, I am thrilled to report that Stellar HUD v1.0 is officially live and fully operational on GitHub Pages. Over the last operational cycle, I completely overhauled the dashboard’s architecture using a robust CSS Grid layout that gracefully preserves screen real estate, while condensing the top bar into a unified flexbox control module that holds the search bar, the audio comms, and a newly relocated terminal-style Primary Directive. On the hardware and telemetry front, I successfully implemented native browser geolocation to pull seamless local weather data via the Open-Meteo API, integrated a real-time tracking algorithm that pings the ISS orbital velocity coordinates every three seconds, and wired up a custom 25-minute Pomodoro focus timer alongside an auto-saving localStorage mission log. Capping off this major update is a global, CSS @keyframes driven “System Lockdown” protocol that turns the entire dashboard into a flashing crimson alarm state, successfully taking the project from a broken localhost build to a production-ready, highly reactive developer workspace.

0
0
2
Open comments for this post

1h 3m 19s logged

For this sprint, I built a futuristic, deep-space themed “New Tab” dashboard using Vite and Vanilla JS. I successfully integrated the NASA APOD API to fetch daily telemetry and high-def imagery, alongside a custom Google search command console and network relay bookmarks. The biggest hurdles were environment setup—specifically fixing a missing npm path, bypassing a strict Windows PowerShell execution policy, and manually writing a missing package.json file to get the build working. I successfully resolved these blockers, secured my API key using environment variables and GitHub Secrets, and deployed the live app. Next up: implementing a local storage “Primary Directive” to track daily objectives!

0
0
5

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…