WEB OS

What did you make?

I made SpaceYatri OS, a space-themed web operating system built with HTML, CSS, and JavaScript. It includes a desktop interface, customizable wallpapers and accent colors, a settings window, calculator, clock widget, Wi-Fi and brightness controls, fuel indicator, toast notifications, and a cinematic rocket launch boot sequence.

What was challenging?

The most challenging part was connecting all the different features together and making the interface feel like an actual operating system. I also worked on the boot animation, including the countdown, rocket launch, smoke, screen shake, sound effects, and transition into the desktop. Making the windows draggable and keeping the different controls working together was also challenging.

What are you proud of?

I am proud that I built the project myself and turned a simple webpage into something that feels like a small space-themed operating system. I especially like the rocket launch boot sequence, because it gives SpaceYatri OS its own identity instead of just looking like a normal website.

What should people know so they can test your project?

When the project loads, click anywhere or press a key to start the boot sequence. Wait through the countdown and rocket launch until the desktop appears. Once inside the OS, try clicking DECK to open Settings, CALC to open the calculator, the brightness and Wi-Fi icons in the top bar, and the fuel indicator. You can also change wallpapers, accent colors, sound settings, brightness, and window transparency.

A web-based operating system called SpaceYatri OS. My first project for Hack Club and Stardance. I divided my project into two different parts. One: Welcome screen with a dedicated launch button to start the OS. And the actual OS.

Layout issues, especially getting my background image to properly fill the screen without stretching or cropping incorrectly, and getting the drag-and-drop logic for the windows to feel smooth instead of glitchy.

I’m proud that I debugged the background/CSS sizing issue myself and got a fully working drag system. Windows can be opened, closed, and dragged around the desktop without breaking.

Click “Launch Yatri OS” on the welcome screen to launch the OS. Once inside, click any desktop icon to open its window , you can drag windows around by their title bar and close them with pressing the escape button or the green circle.