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

nimOS, a WebOS

  • 4 Devlogs
  • 14 Total hours

nimOS is a fully browser‑powered operating system designed and coded from the ground up using HTML, CSS, and JavaScript. Inspired by real desktop environments and wrapped in a sleek space‑themed aesthetic, nimOS brings interactive UI elements into the web in a way that feels playful and smooth. At its center, nimOS features a draggable, closable, and resizable window system, allowing apps to behave like true desktop applications. Every window responds to user interaction with fluid motion and dynamic styling

Ship #2

Ship #2. I initially made a basic working webOS using script, html, and css. I got feedback from the hackclub group pretty quickly, but I had to take a break to attend some summer programs and sports camps. After getting back from that, I went right back to work. I went and added: resizeable windows, a wallpaper changer, a starting splash screen, a simple little game, draggable icons, a black hole that sucks up any window near it and deletes it and changed up some of the styling. As I said in my last DevLog (number 4), I did encounter a lot of difficulty fixing up nimOS to accomidate these changes, as the icons started to jump around, the splash screen layering didn’t really work at first (neither did the black hole). Lastly, I want to thank whoever is reviewing this and whoever reviewed my last ship, because their advice was really helpful in providing a direction for me to advance next in my project, and inspired me to learn and add more onto nimOS. (P.S. if you don’t see it at first, the black hole is in the bottom left corner of the screen. Also, the game window is resizebale, and if you want a bigger play area you can just make the window bigger.)

  • 1 devlog
  • 6h
  • 4.67x multiplier
  • 27 Stardust
Try project → See source code →
Open comments for this post

5h 50m 4s logged

DevLog #4, I had shipped the project and gotten back some great advice about resizing the windows and adding more interesting features into my webOS. So I went to work and added: Resizeable windows, a wallpaper changer, a starting splash screen, a simple little game, draggable icons, a black hole that sucks up any window near it and deletes it and changed up some of the styling. I did encounter a lot of difficulty fixing up nimOS to accomidate these changes, as the icons started to jump around, the splash screen layering didn’t really work at first (neither did the black hole), and it always seemed that when I did in fact finish adding a new feature, I had to spend double the time creating it on debugging it in order to get it to actually work. But I persevered and finally finished. I will be shipping it as soon as possible after this publication.

0
0
9
Ship #1 Changes requested

I made a basic working webOS using script, html, and css. I am pretty proud of myself because this is my first coding project ever, so everything was pretty challenging. I would also like to say thank you to the people at Hackclub and their sponsors for making this all possible.
For my project, the whole thing is fairly easy to navigate. The red buttons on the top right of each window close them, and the apps reopen them. To reopen the starter window, simply click the nimOS button in the margin at the top left of the screen.
Once again, thank you!

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

2h 11m 33s logged

DevLog#3, leaned into a different and more contrasting style for the CSS. In addition, I added a calculator app that is fully functioning. Now that all of the code is getting longer it becomes way harder for me to debug properly and quickly, but I find it a lot easier to try and focus specifically on the changes that you made before something went wrong, that way I can go back and see what exactly I coded that might cause an issue to arise. I think this will be my last devlog for this project, and I am going to move into the next part, webOS 2. There I will finish all of the formatting and add a couple more unique apps.

0
1
37
Open comments for this post

3h 23m 17s logged

DevLog#2, still struggling with code in general, but I managed to add my first app and its own clickable icon, a basic notebook that can save what is written. It was difficult trying to figure out how to make the text box and the draggable window feature work in conjuction with the close button, but I managed alright. I am thinking of adding a simple calculate next. Please let me know what I should add to it or fix, thank you!

0
1
28
Open comments for this post

2h 9m 15s logged

DevLog #1, finished the basics of my WebOS system, nimOS. It’s my first coding project so it took a bit of time to figure everything out and style it how I wanted, but I ended up finishing the clock and date, some stylization, a background image and a regular one, and the ability to drag the window. Looking foward to working on the ability to close out or minimize the windows next, followed with some more stylization with icons and buttons.

0
1
52

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…