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

Roombla

@Roombla

Joined June 9th, 2026

  • 3Devlogs
  • 2Projects
  • 1Ships
  • 15Votes
Open comments for this post

2h 31m 49s logged

hatOS Devlog #2 (Draggable windows, close button, open button, custom app and its icon)

My webOS now has moving windows and a real app! I cleaned up my messy code by moving the styles and scripts into separate files (style.css and script.js).

I made the main window draggable from its header and added a working close button.

Finally, I built a Notes app with a sidebar that dynamically loads different notes from a JavaScript array when you click them!

hatOS Devlog #2 (Draggable windows, close button, open button, custom app and its icon)

My webOS now has moving windows and a real app! I cleaned up my messy code by moving the styles and scripts into separate files (style.css and script.js).

I made the main window draggable from its header and added a working close button.

Finally, I built a Notes app with a sidebar that dynamically loads different notes from a JavaScript array when you click them!

Replying to @Roombla

0
1
Open comments for this post

2h 16m 27s logged

hatOS Devlog #1 (OS Desktop, top bar and welcome screen)

hatOS is a custom WebOS. I’m currently part 2/5 of the guide, and I just finished the UI layout. I set up a top menu bar with a live working clock, and built a centered box using pink and aqua gradient. Inline styling in HTML was a bit of a headache to organize and keep track of, but I managed to add some personal links, text and a funny gif. I did face some errors and complications, but I managed to solve them.

hatOS Devlog #1 (OS Desktop, top bar and welcome screen)

hatOS is a custom WebOS. I’m currently part 2/5 of the guide, and I just finished the UI layout. I set up a top menu bar with a live working clock, and built a centered box using pink and aqua gradient. Inline styling in HTML was a bit of a headache to organize and keep track of, but I managed to add some personal links, text and a funny gif. I did face some errors and complications, but I managed to solve them.

Replying to @Roombla

0
19
Ship

I created a very basic Slack Bot as my first project on Stardance. I faced several errors during coding, as this is my first project thats about to be shipped, but everything worked out. I'm proud that I understood almost everything while following the guide, and I only realized later that I underestimated myself. The bot is a Slack slash bot that runs 24/7 on Hack Club Nest. To test it, click the linked Demo URL to add the bot to your own Slack workspace, then try all 4 commands. The source code is available on GitHub, which is also linked along with Demo URL, GitHub URL and README URL.

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

48m 2s logged

Slack bot devlog #1

I started coding in Stardance and picked a Slack bot as my first project. It runs on JavaScript and is hosted on a Nest server so it stays online 24/7. I managed to build the 4 standard commands: /miki-ping, /miki-help, /miki-joke, and /miki-catfact. Fetching the jokes and cat facts from APIs was pretty confusing at first, and I spent way too much time debugging why the server kept crashing because of silly typos.

Another huge mistake I made during my first time coding a Stardance project, is that I forgot to install the time tracker extension in VSC, so I had to rewrite the code completely to get a similar amount of ‘minutes coded’ to my original attempt, but in the end, it finally works!

Slack bot devlog #1

I started coding in Stardance and picked a Slack bot as my first project. It runs on JavaScript and is hosted on a Nest server so it stays online 24/7. I managed to build the 4 standard commands: /miki-ping, /miki-help, /miki-joke, and /miki-catfact. Fetching the jokes and cat facts from APIs was pretty confusing at first, and I spent way too much time debugging why the server kept crashing because of silly typos.

Another huge mistake I made during my first time coding a Stardance project, is that I forgot to install the time tracker extension in VSC, so I had to rewrite the code completely to get a similar amount of ‘minutes coded’ to my original attempt, but in the end, it finally works!

Replying to @Roombla

0
6
Open comments for this post
Reposted by @Roombla

3h 44m 48s logged

Devlog #1
So what’s here: A space themed desktop environment with draggable windows, a notification center, two arcade games (SpaceSnake + Asteroid Destroyer), a music player, and a secret shutdown animation.

My first version tried to do too much, custom file system, terminal emulator, easter eggs. After almost one and a half hour of nothing working, I deleted almost everything and started over with just the window manager and games. Best decision I made. The rewrite took another one and a half hour and it actually runs.

Next up: Fix the double-draw asteroid bug (I have two loops running), preload images so they don’t reload every frame(optimalisation), and write a README. Then I’ll make a demo site and then ship the project.

PS: Yes, the asteroids rotate. Yes, I spent way too long on that.

Devlog #1
So what’s here: A space themed desktop environment with draggable windows, a notification center, two arcade games (SpaceSnake + Asteroid Destroyer), a music player, and a secret shutdown animation.

My first version tried to do too much, custom file system, terminal emulator, easter eggs. After almost one and a half hour of nothing working, I deleted almost everything and started over with just the window manager and games. Best decision I made. The rewrite took another one and a half hour and it actually runs.

Next up: Fix the double-draw asteroid bug (I have two loops running), preload images so they don’t reload every frame(optimalisation), and write a README. Then I’ll make a demo site and then ship the project.

PS: Yes, the asteroids rotate. Yes, I spent way too long on that.

Replying to @noel_

4
1183

Followers

Loading…