Devlog 20

This devlog wasn’t supposed to happen, because of that I lost 2 hours.

I have now fixed more bugs and finished the README. Link to GitHub
I’m gonna ship now. (please read my other devlogs they are better than this)

Devlog 19

The final devlog
I have made many improvements.
Also this is the final devlog of KuuppaOS before my second ship, it’s been a long journey.

1. Last devlog I promised

Now playing support to KuuppaBrowser

but unfortunately, detecting if iframes are making sound isn’t possible with javascript.
2. I added an AI chatbot, KuuppaAI. It’s very kuuppa. It can detect some keywords and have different answers, it can for example code.
3. I removed the Weather desktop app and turned it into a taskbar app. Now if you have allowed location permission, it shows up next to clock. You can still click it and it opens the old weather app, but in a taskbar app style.
4. I changed the default app color, to a more transparent and blueish one. I think it looks a bit better.
5. I added more animations for a smoother experience. For example animations for the apps in the taskbar.
6. I added more dog photos. To be more specific, I added over a hundred dog photos more. When you open it for the first time, it takes a really long time to load them. That’s why I added a service worker(with help from AI) to keep the photos cached.
7. I added fonts to everything so it looks more professional and hopefully made the background higher resolution.
8. Now the cursor changes from grab to grabbing when dragging the windows around.
9. I added a hamburger menu icon so the start menu button looks more like a start menu button.
10. I also added an animation for closing the photos for the different dogs.
11. I added a maximise(/fullscreen) button for apps! It also has an animation.
12. I added an RGB mode button to settings menu. It makes the apps constantly change their background color (I used a bit of help from AI to make it change through all colors)
13. I added a file type selector to TeXtpad, so now you can choose from .txt, .md, .html and .csv when exporting your TeXtpad text. Also this new functionality now shows in app store and about. I also made the textarea look a bit better.
14. I updated the project README. It still lacks a new screenshot though.
15. I fixed many bugs. Here is some of them:

• KuuppaMusic wouldn’t show up in the taskbar because of the animation I added for taskbar apps
• Terminal not showing about command defaults properly
• Bugs with fullscreen
• Fixes with dog photos
• Ghost game iframe having fixed with so it didn’t resize
• Shutdown and Reboot icons (for start menu) not loading on page load
• Reset to defaults button not working properly
• Dog gallery icon not showing in App store
• And some others!

It has been a fun journey, thanks for supporting!

Devlog 18

Another big update

1. I fixed the app store issue by adding a save button in the app store so make sure to click it after installing or removing many apps at a time.
2. I added reboot and shutdown commands to Terminal. I also made it so you can’t type new commands during longer processes like installing apps with Terminal.
3. I added a start menu! It isn’t the craziest, but it has reboot, shutdown, open welcome screen and open settings buttons. (yes I removed the settings button from the taskbar!)
4. There is also a now playing thing in the start menu. It supports both KuuppaVid and KuuppaMusic, and it shows the currently playing song. You can even stop the playback. I might update it to support KuuppaBrowser in the next (final) devlog.
5. I also updated the opening/closing animations for the taskbar menus.
6. I also added a export as .txt button to TeXtpad so now you can actually use it for something!
7. I made it so the dog gallery images are only loaded when you want to see the images to speed up the loading process for the website. This is also because i’m adding more dog images in the next devlog! There is also a small loading animation now.
8. I also fixed some stuff and added a simple how-to-use to the welcome screen.

That’s all for now, but in the next and hopefully final devlog i’m adding:
Now playing support to KuuppaBrowser,
Weather to the taskbar,
More dog images,
Update about to admire TeXtpad’s new functionality,
and maybe something else! who knows

Devlog 17

Big update

1. I added a camera selector to Camera and a microphone selector to Recorder.
2. I added a Dog gallery app where you can view photos of my dogs! (I might add more photos)
3. I finally added the app store. Now you have to install all the apps and they save to your browser’s local storage. (If you install them too quickly the saving can fail, I will fix it)
4. You can also install apps using the install command in Terminal.
5. I updated some terminal commands.
6. Now you can use the rubber band selector next to the app icons.
7. I also made the login screen fade smoother.

Idk that’s probably all (or maybe not).
(I used help from AI to implement a proper local storage saving thing)

I will ship soon! (hopefully)

Devlog 16

1. I added an audio recorder app. It’s pretty simple, you just hit record. (I used a tutorial for help)
2. I added a loading/login screen that shows for a few seconds. (I used a tutorial for help)
3. I added funny filters to Camera (like saturation, blur, greyscale, hue rotation etc.)
4. I also added a color command to Terminal. I also updated some terminal commands like ‘about’ (I used a bit of AI for help)
5. Current resolution now shows in Camera.

Devlog 15

1. I added the About app (that I started last devlog). You can click the buttons that show info about that app.
2. I added app background color changing to settings and also changed the Reset wallpaper button to instead a Reset to defaults button.
3. I made the radio animation in KuuppaMusic smaller and it now scales better. I also fixed bugs with the taskbar music playing thing.
4. Clock and HackCMD are now properly centered.
5. Camera now records in 4K or the closest resolution instead of 720p.
6. I also added a custom scrollbar so it fits the green theme.
7. I also updated some terminal commands and fixed some bugs.

Devlog 14

1. I updated KuuppaVid, so now you can actually search YouTube videos! (I used some help from AI)
2. I also updated KuuppaMusic! Now you can listen to Estonia’s radio station XFM! (idk why I picked it) And when you minimize it, the song title shows up in the taskbar! Also it has a cool radio animation. (I used a tutorial for the base of the custom player)
3. I fixed many window bugs (like when resizing the window could go out of bounds).
4. I updated terminal so now (some of) the commands are better and more up to date.
5. I also added an info app, but it currently has no content.

KuuppaOS is now almost completed!

Devlog 13

1. I added a camera app. You can take photos and they save to your device. (I used a tutorial for help)
2. I added a new game. It’s a game I made in a coding class a while back. It’s a pacman like game where you run from ghosts. Your objective is to shoot the ghosts from WASD and you move from arrow keys.
3. I also fixed some bugs.

Devlog 12

This is a smaller update.

1. I added tooltips to desktop app icons (text that shows up when you hover over the icons).
2. I updated the header on apps so you can now drag the apps around easier.
3. I fixed some bugs and changed some styling, like changing Hacking terminal’s name to HackCMD (I also changed the icon).
4. I added a normal terminal (inspired by @Makkonen ‘s LuckyOS terminal, go check his projects out!). It’s not finished, but you can type “help” to see all currently available commands!

Devlog 11

This is a bigger update than usual.

1. I added pong so now you can play pong in KuuppaOS!
2. Calendar now scales better on smaller screens.
3. Settings and calendar buttons now have a hover effect.
4. I added a minimize button!! Open and minimized apps are now in taskbar.
5. I added closing and opening animations.
6. Calculator now looks better.
7. I added a rubber band selector (the funny blue box that comes up when you hold and drag your mouse on the desktop)!
8. I also fixed some bugs.
   (AI used for debugging)

Soon I will add an app store!

Devlog 10

1. I added a calculator app so now you can calculate :D
2. Settings app is now connected to the taskbar and it looks better. It also saves locally to your browser
3. I also added a calendar to the taskbar that opens when clicking the clock in the taskbar
4. Icons are now properly visible also on smaller screens!

Next devlog I will add a game and animations or a minimize button!

Devlog 9

1. I added a customization menu/settings. You can add a custom wallpaper and change app blur and transparency (i used help from github copilot for javascript). The settings app “icon” is currently in the taskbar, I might change it later.
2. I added a working browser (with a little help from AI for javascript). It uses iframe so it can’t load all sites, but now you can have KuuppaOS in KuuppaOS in KuuppaOS :D
3. Lastly I added google fonts to the site. Currently it’s only in the settings app and one button so I will add more. I will also make the desktop icons scale better for different sizes of screens.

Devlog 8

I’m starting webos 2 and after it this webos will be pretty good.

1. I added a hacking terminal (inspired by @Makkonen ‘s hacking terminal project. I used the same tutorial as him, but I removed all the useless code. I used github copilot to make it so you don’t type the full code snippet with every key press.

2. I updated KuuppaVid. You can now watch any YT video with it if you enter the video ID. Javascript for it was made with github copilot.

3. I added a painting app (inspired by @Makkonen ) using a tutorial I found. You can change the size and color of the pen and use the eraser. I found another tutorial I used for the download function (yes you can download your painting!) and then I used github copilot for the date in the file name. I also used github copilot to fix the bug where the drawing would not appear at your cursor.

4. I also updated the OS with a new font and I removed the “open all windows” button from the taskbar! Also clicking the desktop icon again no longer closes the app.

Next devlog i’m gonna add a customization menu!

Okay this is actually the final devlog. I added spotify(kuuppamusic) and youtube(kuuppavid) apps. They don’t really have any purpose but I still added them. From the spotify app you can listen to lofi beats, but because it’s an embed it doesn’t even play the full song. From the youtube app you can watch Never gonna give you up by Rick Astley (i didn’t know what else to put). For the youtube app i used github copilot to make the function to start autoplay only when the app is opened. I also updated readme. Now the project is ready to ship.

Final devlog before first ship. Updated readme and added weather forecast emoji and location show with the help of github copilot. The location may or may not work depending on your device, it worked on my phone but i couldn’t get it working with my steam deck. I also fixed the problem where the clock app icon was bigger than the others. The weather now also updates every 10 mins.

Finished the last part of the WebOS mission guide. I added a weather app (I got instructions from copilot in vs code), a clock app (I found a tutorial online), made all windows resizable, fixed some bugs (hopefully) like taskbar being too long and the website being too tall so the scroll bar would always show. I also fixed the bug where you could drag windows and then you couldn’t reach them (with a little help from copilot in vscode). The resize thing is kinda hidden in the window border but you can see it a little.

Finally finished the fourth part of the WebOS mission guide. I had some problems with scripts for the new app so I used github copilot in vscode to fix some. Yes, i also added a second app! It’s not the best but it’s like notepad but worse (atleast right now). It only supports one note at a time, but at least it saves locally to your browser so hopefully you don’t lose your one note :D. It also has a desktop icon that opens and closes the app. Many things will change later, like all the 100+ meaningless commits that actually will hopefully stop right NOW, because I got a new way to test the site without deploying: Live server vs code extension. I guess that’s all for now

Finally completed the third part of the WebOS mission guide (it took so long because I had problems with customization). Made the top bar a bottom bar and added rounded corners, you can now drag the window from the window title (tell me how to make the title smaller and centered while the close button being in the right corner because that stopped working when I made the two divs be at the same row) you can also close it from the red close button and you can reopen it from the bottom bar. I also changed the welcome screen a little. Also the code is now split in three parts.

Just finished the second part of the WebOS mission guide. Now it has top bar with working clock(and font and blur), wallpaper, welcome window with colored background and dashed border with rounded corners. I also added a second link to the welcome screen. Starting to look better already.

I just finished the first part of the WebOS mission guide (and started the second). I will still probably edit the welcome screen after this devlog. There’s nothing special about this yet, but it has a font, text and background color, image with custom size and rounded corners, link to stardance website and text.