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

My very own WebOS

  • 3 Devlogs
  • 2 Total hours

This is my very own OS that can be run in the web!

Ship #1 Changes requested

I built SiriusOS, a space-themed WebOS with multiple interactive windows and five apps: About, Terminal, Stargazer, Notes, and Calculator. The hardest part was coordinating window dragging, focus, and z-index behavior. I am especially proud of the interactive Stargazer and the polished no-password welcome flow. Open the demo, press ENTER, then launch several desktop apps to test the window controls.

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

22m 50s logged

Final QA and release check

I completed a final browser QA pass on SiriusOS before shipping.

  • Confirmed the welcome screen opens without a password
  • Opened About, Terminal, Stargazer, Notes, and Calculator
  • Verified multiple windows can stay open together
  • Verified close, minimize, and maximize controls are present
  • Confirmed the public GitHub Pages deployment loads correctly
  • Checked the browser console and found no errors or warnings

The custom space-themed interface and interactive Stargazer make this more than a copy of the guide. The project is now ready for mission review.

Demo: https://siriusw823.github.io/sirius-webos/

Source: https://github.com/SiriusW823/sirius-webos

0
0
2
Open comments for this post

1h 16m 17s logged

Added a README and polished the SiriusOS codebase today!

What’s new:

  • Wrote a full README.md for the GitHub repo — covers all features, tech stack, and how to run it locally
  • Pushed to GitHub, repo now has a proper landing page with badges and a live demo link
  • Cleaned up the window manager code — extracted drag logic into a reusable makeDraggable() helper
  • Fixed a z-index bug where minimized windows could still intercept mouse events
  • Improved the Stargazer app: constellation lines now render in a softer color so individual stars are easier to see

The draggable window system is holding up really well — no flicker, smooth focus management. Next step is adding a File Manager app and a settings panel for theming!

0
0
1
Open comments for this post

26m 23s logged

今天開始建造 SiriusOS — 一個跑在瀏覽器裡的太空主題 WebOS!
整個系統塞在單一 HTML 檔案裡,包含:

動態星空背景 + 登入畫面
視窗管理器(可拖曳、最小化、關閉)
5 個內建 App:About、Terminal、Stargazer 星座儀、Notes、Calculator
Pomodoro 計時器
Terminal 支援指令歷史(↑↓ 鍵)

最大挑戰是做出真正可拖曳的視窗系統,要同時處理 z-index 焦點管理跟滑鼠事件。最後用原生 JS 的 mousedown/mousemove 解決了,不需要任何外部套件。
現在已經 deploy 到 GitHub Pages,明天繼續加更多功能!

11
0
122

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…