CubeOS
- 7 Devlogs
- 9 Total hours
Web-based "operating system" that also acts as a portfolio! Inspired by Minecraft, Geometry Dash, and Rubik's cubes of course.
Web-based "operating system" that also acts as a portfolio! Inspired by Minecraft, Geometry Dash, and Rubik's cubes of course.
Devlog #7: I added another entire app! It’s just a “search engine” that just redirects the user to DuckDuckGo page with the query the user typed in on the app. I also added some code that brings a window to the front when the user clicks on it. Overall, I feel like this was a very productive coding session, and I only used AI three times: once for debugging where I just could not find what was wrong, another time for consulting on what CSS property changes the layers, and also once trying to find out how to read the text inside a text . I wrote a lot of JavaScript code this session, and I feel like I understand it all, so it’s definitely an improvement over my first few devlogs.
Devlog #6: I unfortunately had to remove the Easter Egg because it was having problems. On the bright side, I did add an app (following part 4 of the tutorial). The tutorial lowkey wasn’t that much help this time, and I did encounter a problem with selecting the desktop icon that I had to fix myself. \n I also added a gif background to the app (which is called Geometry Dash although you can’t play the game). I somehow managed to make a button that was also an image toggle on and off a description of my best GD achievements with only miner speeling truobles.
Devlog #5 (still can’t make new line): When you press the open window button when the window is open, it now displays a message/easter egg! Very small and unnecessary feature, but I came up with the idea and code all by myself. I also improved the README and added a title to the webpage.
Devlog #4: (I tried to write on new lines but for some reason the thing wouldn’t let me). I thought that the site was looking kinda ugly so I changed it a bit. I changed the background and some colours, which doesn’t seem like a lot of stuff for almost two hours of work, but in my defense, I didn’t use much AI and did much of it offline. (I also did a lot of bugfixing, that might’ve counted towards a lot of the time).
Devlog 3:
IT MOVES
I still don’t understand most of the code writing, but I think I’m beginning to catch on to some JavaScript ideas and stuff. I did search up some topics but still.
I just followed part 3 of the tutorial and added the ability to move the window around, as well as to hide and show it. It’s pretty crazy to me how far I’ve come in such a short amount of time, as like one week ago I could’ve never imagined creating something even remotely close to this, even while following a tutorial.
I also finally moved all the CSS and JavaScript to separate files. Usually I would’ve created the separate files first, but I guess I just didn’t bother this time.
Devlog 2:
Still following the tutorial, I added a background image (literally a screenshot of my MacOS desktop, slightly cropped), centred my main content, and added a nav bar at the top of the screen that displays the current time using JavaScript.
Lowkey, I don’t understand a lot of the code and basically copied and pasted it. I’m going to go through the code and try to understand it sometime before I make my next devlog. I don’t want to just plagiarize the tutorial (because that’s unethical) but I frankly only understand around ~20-40% of the code that I’m writing.
I also updated my README to account for recent updates.
CubeOS Devlog 1:
I created the initial webpage and added some text, links, and an image to it, following part 1 of the tutorial on WebOS 1.
Much of the stuff in the tutorial I already knew, but I also discovered some new things, like using the element to cross out some text, and abbreviation of hexedecimal code when the characters are the same twice in a row.
I’m probably going to make this website a lot more personal because right now I don’t think it has much soul.