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

SPACE OS

  • 6 Devlogs
  • 13 Total hours

A browser-based operating system inspired by humanity's journey through space exploration. Built with HTML, CSS, and JavaScript, SPACE OS combines interactive applications, educational content, and a custom desktop experience to showcase some of the most important milestones in space history.

Ship #2

I built SPACE OS, an interactive browser-based desktop operating system using HTML, CSS, and JavaScript. It features a Mission Explorer, Solar System Explorer, Space Facts generator, persistent Notes app, wallpaper customization, draggable windows, a dock, and desktop shortcuts, all designed to make learning about space more engaging.

The biggest challenge was handling all the interactions between different parts of the project. Implementing draggable windows, managing which window stays on top, saving notes with Local Storage, building the wallpaper system, and making every application work together without breaking existing features involved a lot of debugging and iteration.

I’m most proud of how much I learned while building this project. I started with a simple idea and gradually added more functionality, from custom window management to persistent storage and desktop interactions. Seeing all the individual pieces come together into one polished project was really satisfying.

Click Start System to enter SPACE OS. Open apps from the dock, drag windows around the desktop, right-click to access desktop options, change wallpapers through Settings, explore the Mission and Solar System apps, and try the Notes app. Notes save automatically, and you can also press Ctrl + S to save them manually.

  • 2 devlogs
  • 7h
  • 5.72x multiplier
  • WebOS 2
Try project → See source code →
Open comments for this post

4h 0m 26s logged

Devlog 5 – UI Overhaul & System Polish

I made Space OS feel like a real desktop operating system instead of just a collection of windows. Rather than adding more apps, I focused on improving the user experience and polishing the entire interface.
What’s New
Redesigned the dock with a modern glassmorphism look, smoother hover animations, and active app indicators.
Standardized the design of every application by giving all windows a consistent header, borders, colors, buttons, and typography.
Added a fully functional Settings application with wallpaper customization and system information.
Implemented a custom right-click context menu for quick desktop actions such as opening Settings, creating a new note, and changing the wallpaper.
Improved the desktop boot sequence with a startup screen and smoother transitions.
Added support for multiple wallpapers that can be changed directly from inside the operating system.
Upgraded the Notes app with automatic saving using local storage, so notes remain even after refreshing or reopening the OS.
Added Ctrl + S support inside the Notes app along with a “Notes Saved” notification for a more desktop-like experience.
Improved window management with proper dragging, window focus, and layering so active windows always stay on top.
Polish & Improvements
Unified the color palette across every application.
Refined the overall desktop layout and spacing.
Improved button styling, inputs, and window appearance.
Fixed numerous UI inconsistencies throughout the operating system.
Continued optimizing the codebase while preparing the remaining apps for final polish.

0
0
4
Open comments for this post

2h 45m 59s logged

Devlog #5 Today I focused on adding more features to make SPACE OS feel more like a real desktop environment. I added a new Notes application where users can create and save their own notes while using the OS. It was a fun feature to build and makes the project much more useful.I also fixed the Space Missions application and cleaned up a few issues to make it work more smoothly. Another thing I changed was the desktop itself—I removed page scrolling so the screen behaves more like a real operating system.One of the biggest additions was a dock at the bottom of the screen. All of the applications can now be launched directly from the dock, making the desktop much easier to navigate.I also added a right-click context menu. Users can now right-click anywhere on the desktop to refresh the page, open the settings, or change the wallpaper, making the desktop feel much more interactive.Finally, I started working on a startup sequence. There is now a startup button that users can click to boot into SPACE OS, giving the project a more realistic operating system experience right from the beginning.

0
0
3
Ship #1

What I Made: I created SPACE OS, a browser-based operating system inspired by space exploration. Users can interact with different applications on the desktop, including a Space Missions database and a Space Facts generator.

What Was Challenging : The most challenging part was implementing the window system. I had to figure out how to make windows open, close, and be draggable around the screen. Managing multiple applications and making the desktop behave like a real operating system also took a lot of trial and error. I spent a significant amount of time debugging JavaScript and improving the overall user experience.

What I’m Proud Of: I’m most proud of turning a basic personalOS project into something with a clear theme and purpose. Instead of creating random applications, I built an operating system centered around space exploration. I also enjoyed improving the visual design, creating a custom desktop environment, and making the applications interactive rather than static pages.

How to Test SPACE OS
Open the Welcome window to learn about the project.
Click the Space Missions icon to explore major milestones in space exploration.
Click the Space Facts icon and use the button to generate random facts about space.
Drag application windows around the desktop.
Close and reopen applications using the desktop icons and window controls.

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

31m 16s logged

Devlog #4I spent this final stretch polishing SPACE OS and making sure everything felt complete. Most of the major features were already working, so my focus was on improving the experience and fixing small issues that I noticed while testing.I refined the desktop layout, cleaned up the application windows, and made sure everything opened, moved, and closed properly. I also expanded the content inside the applications. The Space Missions Database now includes several important missions from different countries and organizations, and the Space Facts application provides random facts that make the OS more interactive and fun to explore.A lot of the work during this stage was testing. I kept opening applications, dragging windows around, and checking that everything behaved as expected. There were a few bugs and layout issues along the way, but after some adjustments I was able to get everything working smoothly.With the Welcome Window, Space Missions Database, and Space Facts applications all finished, SPACE OS now feels like a complete project. It’s been really cool seeing it grow from a simple webpage into a small browser-based operating system centered around space exploration.

0
0
62
Open comments for this post

2h 50m 13s logged

Devlog #3 - I decided to completely change the OS and make it fully space-themed. Instead of being focused on a variety of interests, the project now revolves around space exploration and astronomy. I updated the design, content, and overall feel of the dashboard to match this new theme.I also added new applications to make the project more interactive. One application lets users explore important moments in space history, while another generates interesting space facts. A lot of my time was spent improving the user experience. Windows can now be moved around the screen, and users can close applications when they are finished with them. These changes make the project feel much more like a real desktop environment.At this point, I’m mostly finishing things up, fixing small issues, and making sure everything works smoothly. The space theme is now the default theme of the project, and I’m really happy with how the whole dashboard has come together.

0
0
2
Open comments for this post

1h 32m 33s logged

Devlog #2 - I spent a lot of time working today. At first, I was having trouble getting some parts of the project to work the way I wanted, and I ended up changing quite a few things. I updated the UI, cleaned up the layout, and made the whole dashboard feel more polished.One of the biggest changes was moving my code into separate HTML, CSS, and JavaScript files. It took some time to reorganize everything, but it made the project much cleaner and easier to work with. I also continued improving the live clock and made several small adjustments to the design.There were definitely moments where things broke and I had to go back and fix them, but after a lot of testing and tweaking, I finally got everything working properly. The project now looks much better than it did before, and I’m happy with how it’s coming together.

0
0
3
Open comments for this post

1h 39m 31s logged

Devlog #1 – Building My Personal Operating System What I worked on today:Started building my personal OS by following an OS development tutorial.Added a live time and date display.Added Michael Scott quotes to make the OS more fun and personal.Added a section about my interests and hobbies.Added images related to each interest.Added links below each interest that open webpages with more information, biographies, or Wikipedia articles.Added a black hole GIF as the background.Worked on organizing the layout and improving the design.

0
0
6

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…