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

orbit os

  • 5 Devlogs
  • 3 Total hours

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

Ship #1 Changes requested

What did you make?

I made OrbitOS, a cute little browser based OS for Hack Club Stardance WebOS 1! It includes draggable windows, a dock, Notes, Terminal, Mission Control, Settings, customizable backgrounds and a clock, and persistent workspace saves! Everything is made in just HTML, CSS and JS as well!

What was challenging?

The most challenging bits were implementing the dragging and focus behaviors for the windows, along with getting the buttons and clock to work properly with a JS Init bug that was really hard to find

What are you proud of?

I’m really proud of getting to make an OS that actually feels like my own, and not just a generic template everyone else is using, and I got to implement multiple notes, customizability, desktop persistence, mission control, and my own cool electric cyano/blue/green color scheme

What should people know so they can test your project?

All you have to do is open the demo and start clicking around, there’s no need for an account or password

You can try opening up multiple apps from the dock, dragging the windows, closing them, reopening them, making multiple notes, trying out the terminal, and changing your settings and backgrounds in Settings!

Everything is persistent in your local storage so your notes and settings will all be saved on your device!

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

25m 28s logged

OrbitOS — My Little WebOSOrbitOS is a small browser-based operating system I built for the Hack Club Stardance WebOS 1 mission.It has draggable windows, a dock, Notes, Terminal, Mission Control, Settings, a live clock, custom backgrounds, and local workspace saving.I also gave it my own visual identity with an electric color palette instead of following the usual cyberpunk look.Built withHTML • CSS • JavaScript • LocalStorage • Browser APIsThe goal was simple: make a little desktop that feels like mine.🔗 GitHub: https://github.com/Karthik-854321/ORBIT-OS

0
0
2
Open comments for this post

49m 1s logged

Devlog 04 - OrbitOS WebOS 1 Final Update

OrbitOS is complete for WebOS 1,

having focused development on making the OS more approachable and expressive

rather than adding more windows. Added features include

multiple-note support, desktop customization, custom backgrounds, clock controls, workspace saving/restoration, and LocalStorage-based persistent settings

Several bugs found during testing have been fixed,

including the bug that broke the clock and app buttons by not initializing properly with JavaScript.

The final version of OrbitOS includes Home, About, Notes, Terminal, Mission Control, and Settings, with draggable and reopenable windows and a responsive desktop. Testing the apps, windows, persistence, desktop customization, and Terminal make it ready for the WebOS 1 submission.

0
0
4
Open comments for this post

33m 53s logged

Devlog 03 - Applications Complete

OrbitOS now has a proper set of working applications instead of just placeholder windows.

Added
Home dashboard with quick access
About application
Notes editor with local saving
Terminal with basic commands
Mission control with live system information
Working application dock
Multiple draggable windows
Window focus and z-index
Close and reopen functionality

The main part of this update was connecting the applications together so that they feel like a smaller operating system rather than just a set of webpages.

I also prepeared the Settings application for the final WebOS 1 update

Next

The final update will focus on persistence, customization, workspace saving and final testing before the Stardance submission.

0
0
3
Open comments for this post

24m logged

Devlog 02 - Window Manager

I have been working on implementing the window system to make the OS feel more complete as an operating system.

Added

Multiple application windows
Open/close
Draggable
Focus and z-index
Basic viewport boundaries
Pointer interaction
Responsive behavior

The main challenge was implementing the natural movement of windows without making them impossible to reach on the edges of the screen.

Next, I will be working on fleshing out the applications that have been stubbed so far.

0
0
6
Open comments for this post

58m 24s logged

Devlog 01 - Starting OrbitOS

I started working on the OrbitOS project with a simple idea in mind - to create a mini operating system that would run inside a browser.

I didn’t want the first build to be something too big, a complicated standalone application or framework, so I set off to construct simple HTML, CSS and JavaScript foundation.

For the first step I made the desktop, the top system bar, a clock, the dock, and the first home screen window.

The window is currently not draggable and that’s something I want to work on in the next steps as the window system is going to be the central part of the OS.

What’s been done

I’ve built the following:

  • Basic OrbitOS desktop

  • System bar

  • Live clock

  • Application dock

  • First application window

  • Responsive starting layout

What’s been learned

Working on such a small first build helped to have an idea on what else is needed for the operating system to be actually useful.

What’s next

Work on the window manager and make the applications movable.

0
0
12

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…