DevLog #4

Live Demo: https://hallow303.github.io/MyownWebOS/

I fixed the code errors and managed to get MyWebOS working better.
I learned more about events, functions, and APIs, and practiced a lot of debugging.
Now the project is more stable and ready to receive new ideas.

Devlogs #3

Live Demo: https://hallow303.github.io/MyownWebOS/

I removed the music player app because it was giving me more trouble than I expected, lol. I decided to leave that for later and focus on other parts of the project.

But, in return, I added a new app called NASA Viewer. It uses the NASA API to show the astronomical image of the day, along with the title and a short description.

It was my first app using a real public API, so in addition to improving WebOS, I also learned more about fetch(), JSON, and how to work with external data.

I still want to significantly improve the visuals and make everything look more like Windows XP.

Devlog #2 — Music Player

Live Demo: https://hallow303.github.io/MyownWebOS/

Today I added a new application to my WebOS: a music player 🎵.

For now it’s still quite simple and only has two songs, but it already works. Since I’m still learning CSS and JavaScript, some parts look a bit strange and need improvement.

In the coming days I want to make the visual appearance nicer and continue adding features. My goal is to make WebOS look more and more like Windows XP, which is serving as inspiration for the project.

There’s still a lot to improve, but I’m learning a lot during development.

Development Diary #1 — My WebOS Demo

Live Demo: https://hallow303.github.io/MyownWebOS/

I finished the first version of my WebOS demo.

It now has two applications:

• Welcome: an application with a beginner’s guide and some system information
• Cat Viewer: an application that displays random images of cats

During development, I realized that JavaScript is more difficult than I imagined, especially in the part about manipulating page elements and making the interface components work together. I still need to study more to better organize the code and understand how to structure larger projects without getting lost.

Next goals:

• Create a calculator within WebOS
• Improve code organization
• Study more about DOM and events

Development Diary #2 - New commands for the bot

Today, I dedicated some time to improving my Slack bot and learning more JavaScript.

One of the main changes was in the math commands. Before, I had separate commands for addition, subtraction, multiplication, and division (/sum, /sub, /multi, and /div). They worked, but maintaining several commands for such similar operations didn’t make much sense. After learning how to use split() in JavaScript, I managed to combine everything into a single command, /my-calc, which performs the operation according to the operator entered by the user.

I also added some new commands to make the bot more fun to use. /my-roll generates a random number between 1 and 100, /my-coinflip simulates flipping a coin, /my-hello greets the user, and /my-tabuada displays the multiplication table of a number.

In making these changes, I practiced several things I’m learning in JavaScript, such as working with user input, converting text to numbers, using loops, conditionals, and generating random numbers with Math.random().

I also removed the /joke command. For now, I want to focus more on improving the bot’s foundation before adding features that rely on external APIs.

Overall, this update not only added new commands but also helped me better understand JavaScript and organize the code more effectively.

In the coming days, I intend to improve command validation, organize the project into separate files, get the bot running 24/7 on Nest, and continue adding new features.

English translation with the help of Google Translate.