I built WebOS, a fully functional macOS-style desktop environment that runs entirely in your browser. It’s got a full window management system, a virtual file system (Finder), a Text Editor, a working Terminal, Sticky Notes, and even a built-in web browser.
The craziest part of this project was engineering the logic of a whole "operating system" without any backend at all. Everything relies purely on the browser's localStorage. For example, I wanted users to be able to upload custom wallpapers, but high-res images would immediately hit storage limits and crash the virtual disk. To fix this, I had to build a custom solution using the Canvas API to automatically resize and compress images on the fly before saving them.
Getting the desktop interactions to feel actually native was another huge hurdle. I spent a lot of time fine-tuning the marquee selection tool, multi-icon drag-and-drop, and making sure that dropping files straight into a desktop folder worked seamlessly without feeling clunky.
But honestly, what I’m most proud of is the underlying architecture. I managed to create and most of the new features i have implemented.
- 3 devlogs
- 20h