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

My very own WebOS

By @nadellasripad

  • 2 Devlogs
  • 1 Total hours

SerenityOS is a fully functional web-based operating system built with vanilla JavaScript, HTML, and CSS. It features a modern dark-themed interface with draggable windows, a real-time clock, and 8 interactive applications including Notes, To-Do, Calculator, Timer, Contact Form, and Portfolio showcase. All core features are complete: personalized welcome screen, desktop management with z-index layering, window dragging and closing, real-time clock, and fully functional apps with localStorage persistence for data. The project demonstrates DOM manipulation, event handling, CSS animations, and modern UI/UX design patterns.
Open comments for this post

@nadellasripad on My very own WebOS

50m 37s logged

Fixed critical bugs preventing windows from displaying on the OS desktop - the issue was the container wasn’t filling the viewport properly. Updated CSS to set 100vw × 100vh with fixed positioning, which immediately resolved the problem. Also implemented smart window positioning using a grid algorithm to prevent overlap, and added auto-opening About & Projects windows on startup so the desktop doesn’t look empty. Tested all functionality and deployed. 50 minutes of focused debugging and UX improvements.

@nadellasripad

Fixed critical bugs preventing windows from displaying on the OS desktop - the issue was the container wasn’t filling the viewport properly. Updated CSS to set 100vw × 100vh with fixed positioning, which immediately resolved the problem. Also implemented smart window positioning using a grid algorithm to prevent overlap, and added auto-opening About & Projects windows on startup so the desktop doesn’t look empty. Tested all functionality and deployed. 50 minutes of focused debugging and UX improvements.

Replying to @nadellasripad
0
Open comments for this post

@nadellasripad on My very own WebOS

24m 18s logged

Built the SerenityUX Web-based OS project:

  • Part 1: Welcome screen with animations
  • Parts 2-3: Desktop with draggable windows

Currently working on Part 4: Creating apps

@nadellasripad

Built the SerenityUX Web-based OS project:

  • Part 1: Welcome screen with animations
  • Parts 2-3: Desktop with draggable windows

Currently working on Part 4: Creating apps

Replying to @nadellasripad
1

Followers

Loading…