.png)
MY WEBOS
By
@EVINJSUBIN
- 4 Devlogs
- 3 Total hours
This is my very own OS that can be run in the web!
35m 39s logged
orbitOS devlog update!! fixing stuff for review 🛠️my ship review just came back so im changing my code to fix some stuff they mentioned!i had to go through and clean up my code files and change how my variables were named so it made more sense to read. i also took out a bunch of comments i had left in there while i was building it so the files look cleaner now.im so glad i got the feedback so i could fix it before the final finish. everything is working perfect now and im rly proud of the ISS tracker app! 🌌
.png)
Ship #1
Pending review
I made OrbitOS, a space-themed web operating system! The most challenging part was building the custom JavaScript physics engine to make the windows draggable while dynamically managing z-indexes. I’m incredibly proud of my unique app: a live ISS Tracker that fetches real-time coordinates from a public API.
To test it, double-click the desktop icons (Notepad, Browser, or ISS Tracker). You can drag the windows around by their glowing title bars. Try typing notes (they auto-save!) or enter a custom URL in the browser’s address bar!
.png)
18m 54s logged
Finally ready to ship
.png)
32m 46s logged
OrbitOS Devlog 2: Defying Gravity 🛸The window manager is officially online! Building a custom draggable UI from scratch was tricky but incredibly rewarding.Progress:Window UI: Designed a sleek, frosted-glass window template using HTML and CSS.The Physics: Wrote a custom JavaScript engine using mousedown, mousemove, and mouseup events. It calculates the mouse delta to perfectly reposition the window using position: absolute.Z-Index Layering: Added logic so that whenever a window is clicked, its z-index dynamically increments, ensuring the active app is always brought to the front.Next up: Building our unique mini-apps and fetching live API data! 💻
.png)
1h 15m 2s logged
OrbitOS Devlog 1: The Boot Sequence 🚀We’ve laid the foundation for OrbitOS! Aiming for a futuristic aesthetic, I implemented a deep-space, neon-accented theme.Progress:Structure: Built clean HTML with a #desktop area and a #taskbar.Design: Used layered CSS radial-gradients to generate a starfield and nebula effect from scratch (no images!).Taskbar: Designed a frosted-glass UI (backdrop-filter) with neon cyan borders and a glowing Start button.Functionality: Scripted a real-time JS clock.Next up: Tackling the window manager to make apps draggable! 🌌
.png)