Singularity OS
- 4 Devlogs
- 8 Total hours
This is my very own OS that can be run in the web!
This is my very own OS that can be run in the web!
Started with an ambitious orbital ring calculator idea where numbers spin around a glowing sun in the center. Looked cool in theory, but in practice it was a mess — the spinning made me dizzy, numbers were scattered everywhere instead of in order, and clicking buttons felt like a game of whack-a-mole. Tried fixing it a few times but it just wasn’t working.
So I scrapped the whole ring concept and went back to a normal calculator layout, but kept the space vibe with glowing planet buttons and a holographic display. Way more usable. The equals and clear buttons weren’t responding at first because the code wasn’t picking them up properly. Once that was sorted, everything clicked into place. Now it actually works like a real calculator — shows the full equation, smooth animations, and doesn’t spin around like a broken merry-go-round.
finally solved all the errors and replaced the generic falling starfield with a premium interactive solar system centerpiece. The canvas now renders a living solar system with 8 planets in their approximate real colors — Mercury through Neptune — each with subtle float animations and glow effects. Hovering any planet reveals its name. The starfield was redesigned to work around the solar system rather than compete with it. Took help from AI in imagining and designing the visual layout, planet styling, and interaction patterns. The solar system now serves as the desktop’s identity piece instead of random background noise.
messed up , i was thinking of adding cursor animations and a background but i did something in code that messed the situation 😭
I got to know about Hack Club through a friend, and when I found out you can build projects and actually get cool rewards for it, I thought why not give it a shot! So here’s my first project on Stardance.
I picked the WebOS mission - basically building my own little web-based operating system from scratch. The idea is to make something that looks and feels like a real desktop OS but runs in the browser, with my own twist on the design.
I started by building the desktop itself with a custom dark blue-purple theme, a top bar, and a live clock powered by JavaScript. Later I expanded it into a multi-window system where apps can be opened, closed, and moved around the screen just like a real operating system.
So far, MyOS includes draggable windows, desktop icons, a functional dock, an About app, a Terminal app, and a Clock app that displays a large live clock and date. I also implemented window focus management so active windows move to the front, making the desktop feel much more realistic.
One of the biggest additions was a custom right-click context menu. Users can right-click anywhere on the desktop to quickly open apps or refresh the desktop, similar to traditional operating systems. I also updated the top bar to display both the current date and time in real time.
A surprising amount of development time went into debugging small JavaScript mistakes. Things like misspelled variable names, incorrect event listeners, and reserved keywords caused features to silently fail, forcing me to carefully trace through the code and learn how browser debugging works. Those issues ended up teaching me as much as the actual feature development.