My very own WebOS
By
@Umar0
- 5 Devlogs
- 14 Total hours
Orbit OS, a personal web-based operating system themed around aerospace and motorsport.
Ship #1
Changes requested
Shipped my first Stardance project!
I built OrbitOS, a space-themed web operating system from scratch. It features draggable windows, a boot sequence, animated starfield and meteors, Flight Log with persistent local storage, Mission Logs, Comms, a live clock, and several other custom UI interactions.
I went beyond the base requirements and added my own features and visual design to make OrbitOS feel like an actual spacecraft operating system rather than just a basic WebOS.
1h 13m 27s logged
Shipped the last app, Comms, a terminal styled contact hub with a GitHub link and a click-to-copy email channel (skipped mailto: since it silently fails without a mail client set up), squashed a few typos along the way and fixed a drag-lag issue caused by backdrop blur fighting the animated starfield, that’s all five WebOS1 guides done. OrbitOS now runs five apps:- Welcome, Flight Log, Mission Logs, About, Comms on one shared window system. Submitting this as my Stardance project.
6h 29m 23s logged
Shipped Mission Logs, a journal app with a sidebar of entries that swap the content pane on click, following Guide 4’s array-of-posts pattern, fourth window now, alongside Welcome, Flight Log, and About, also fixed the top bar so it always stays above focused windows, no more menu getting buried, hit a nasty bug along the way: a stray comma in document.addEventListener(‘DOMContentLoaded’), () => {…} meant the listener never actually attached, and an extra } closed the scope early, so the whole script silently died before the boot screen could ever finish, leaving the desktop stuck forever on “BOOT SUCCESSFUL.” one character, whole OS down, desktop’s also running a live canvas starfield with drifting stars and the occasional shooting meteor in the background, small touch but it makes the thing feel alive rather than static.
1h 25m 4s logged
Made the welcome window draggable by its header, added working close/reopen buttons, and organized styles into reusable CSS classes. Ran into a layout bug where the header lost its flex-direction and started rendering content side by side instead of stacked, fixed by restoring flex-direction:- column on the window, also resized the header for better readability and spacing
3h 56m 16s logged
Rebuilt the OS shell with a boot sequence, styled top bar with a live clock, and a glowing welcome window. Split the code into separate HTML/CSS/JS files. Hit and fixed several real bugs along the way, a missing closing div tag that was silently hiding my entire desktop, a backwards logical condition (if (!clockElement)) that broke the clock, a missing # in an SVG gradient that turned my logo black, and a conflicting overflow: hidden that killed my scrollbar. All fixed now and working smoothly
31m 42s logged
finished my welcome screen, custom Orbit OS logo, dark theme with blue accents, and a typewriter effect that types out my intro text letter by letter, hit a few real bugs along the way:- broken image paths, a malformed tag that silently killed the script, and had to get Hackatime + GitHub properly linked, all fixed now and working smoothly.
