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

KittenOS

  • 14 Devlogs
  • 27 Total hours

KittenOS! The Operative System for Cats! Look at images of cats, write notes, listen to some LoFi beats and much more!

Open comments for this post

2h 16m 18s logged

SOUND EFFECTS!! 😻

First of all…

THANK YOU ALL SO MUCH FOR ALL THE SUPER POSITIVE REVIEWS!!! I read them all and noted everything that was suggested!! ❤️😁


Sounds?!

Sooo, first devlog after the reviews. Today I don’t know how much I’ll add because it’s my birthday! So I won’t be at home. BUT speaking of what I already added, I put sounds effects, they play when clicking buttons, opening apps and even when typing!! If anyone has suggestions for more sounds or for changing the current ones, I’m more than happy to hear your opinion!

Also, I added 2 more commands to PawCMD:

  • whoami -> prints your username
  • echo [text] -> repeats what you typed after the command (single word)

I’ll add more commands in the future if I get more ideas and in the meantime I’ll try to add some of the suggested features


BYEEE!!

0

Loading discussion…

0
2
Open comments for this post

2h 24m 55s logged

PawCmd!!

Hello again!! :D


I created 2 more apps…

The first one is PawCmd, this is the cool one. It’s just a terminal simulation. As of right now there are only 4 commands but I’ll try to make some more and interesting ones tomorrow.

The second app is PawGame… it’s pretty bad :( so I won’t show it in the video, but you just have to collect some balls of yarn.. nothing else, just this.


Byee :)

0

Loading discussion…

0
7
Open comments for this post

2h 23m 43s logged

PawNet 🌐🐈‍⬛

Hi!!

Today I managed to polish the CSS for PawPaint, but it’s nothing crazy…

Some other stuff I did was creating a folder on the desktop, so now most applications are found inside of it. The other thing is PawNet!!! This is some sort of browser you could call it. There are 3 buttons at the top for you to choose a website and then you will see the page inside of PawNet.

I know that there are better ways to do that and to make the user decide which site to visit, but that gave me some problems while implementing because not every site allows to be displayed in an iframe so for the moment it will stay like that…
:)

0

Loading discussion…

0
7
Open comments for this post

1h 52m 18s logged

PawPaint 🎨🐈

A new app is coming!!

I am currently working on a new app called “PawPaint”, it lets you paint anything in an empty canvas and then you can save all your beautiful drawings as .PNG photos!!!

This app was not that easy to make and I had to follow some tutorials online, but I managed to tweak it and adapt it to my KittenOS and it seems to work pretty fine for the moment. Of course some more CSS needs to be applied but I just wanted to share the app working!! :)

0

Loading discussion…

0
5
Ship #2

KittenOS as mentioned before is a WebOS, it offers some basic features like: window dragging, desktop icons, real time clock and even desktop widgets!!

The current available applications are:

PawNotes 🐈📝: Create and save your personal notes! Every change is saved automatically
PawPics 🐈‍⬛📷: Scroll through some images of cats
MeowSic 🐈🎵: A music player application, listen to some lo-fi beats and relax!
PawCalc 🐈‍⬛🧮: Just your usual calc (short for calculator)
PawConfig 🐈⚙️: Customize your username, profile picture and birth date to make the OS feel yours!

There is even a calendar widget on your desktop! It shows the current date (obviously) and highlights your birthday!

All your data, from username, to notes is saved, so you will never lose it!

At first the most challenging part was the CSS, but then as more and more features were being added, managing all the JavaScript logic got harder, but not impossible. I had to search online for help and tutorials for some features, but I am happy I managed to achieve this!

To get to Ship #2 it took quite a while, but some logic had to be reviewed and the JavaScript code split into multiple files or it would have been hard to find functions and keep it clean.

Overall, I am really satisfied with this project as it is my second one on this platform. Hope some other people will like it too!

If any issue or bug is found, please let me know so I can fix the error and learn more!

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

2h 49m 53s logged

What changes?

Since the first ship, as you can see from the devlogs, quite a lot changed.

  1. 3 New applications, yes! I made 3 more applications, and they are: ‘PawConfig’, to change user settings like name, birth date, profile picture; ‘MeowSic’, to listen to some relaxing LoFi beats; ‘PawCalc’, to make some serious calculations with style

  2. Better code organization, finally I decided to organize the JavaScript code, and now it’s all split up in different files, each for a specific application.

  3. Desktop widget, you now have a small calendar widget on your desktop, and if you set a birth date inside the settings, it will highlight your birthday with a special color, and you will be wished a happy birthday by KittenOS!

  4. New Icons, all applications have now more expressive icons that fit better overall

0

Loading discussion…

0
4
Open comments for this post

3h 32m 43s logged

Major Update to PawNotes

  1. Ater 3 hours I finally managed to update PawNotes! Finally, you can create and delete notes! Also, all changes made are saved to localStorage automatically in real time, so you don’t have to save them manually and you won’t be losing them!

  2. Also, I created a little widget that sits on the desktop. It’s just a calendar which indicates the current day! Nothing much I know but I like it!! :)

0

Loading discussion…

0
6
Open comments for this post

58m 12s logged

Calculator App done!

I finally finished the calculator app, I actually thought it would have been harder to do but it was quite easy. Other than that, i reorganized the code by splitting each application JS code into its own file to keep all functions separated by functionality.

The next objective is to build widgets for the desktop, maybe a calendar? :)

0

Loading discussion…

0
3
Open comments for this post

1h 18m 6s logged

New Icons 😻🐈!!

I spent some time making new icons and I think I like them more than before! Also, a new app is coming! I got the UI ready, now I’ll go write the JavaScript to make it actually work! :)

0

Loading discussion…

0
4
Open comments for this post

1h 18m 9s logged

MeowSic Player done!

After some work I managed to get the music player to work! You can play/pause music, skip to other tracks and use the slider to control the time! :)

0

Loading discussion…

0
58
Open comments for this post

2h 28m 1s logged

Another Devlog!

I am currently working on a music player application called “MeowSic” 🐈🎶 It’s not done yet but I’m taking it slowly, so I don’t get lost into my messy code for now. One day I will rewrite it cleanly, but as of now, I’ll focus on finishing this app! Right now all it does it’s playing the songs from a queue and updating the UI to match the info, the next and previous button are working, the only missing things are updating the slider in real time and making the play/pause button work :)

0

Loading discussion…

0
4
Ship #1

I created my first WebOS! It was quite challenging at first but once I understood the way JavaScript functioned, it was actually a nice challenge to make custom functions and features the guide didn't have. I'm really proud of all the things I learnt along with how the project is looking now!

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

1h 26m 15s logged

This is the project now! I’m really happy with the result as of now. I managed to create a second application on my own and it turned out pretty good in my opinion :)

0

Loading discussion…

0
6
Open comments for this post

2h 13m 16s logged

Another feature added! I created the first application, PawNotes! You can read all the notes left on there. You can close the app by using the little paw icon on the top and open it again by double tapping on the desktop icon! So cool :)

0

Loading discussion…

0
7
Open comments for this post

1h 3m 41s logged

I completed my first window! After 1 hour I managed to get the window to move when dragged by the user, it feels amazing! I can’t wait to add many more features and finish this project :)

0

Loading discussion…

0
5
Open comments for this post

1h 5m 5s logged

First 2 parts of the tutorial completed! This is what it looks like now. I’m really excited about this project, I’m already loving it and I feel like I’m learning much stuff! :)

0

Loading discussion…

0
5

Followers

Loading…