Devlog 5 - Kazi OS

What’s New?

• I am very excited because I added my own feature, completely independent from the tutorial!!!

• The notes app is now very functional, you can view and edit the default notes, and create your own notes entry by pressing the plus button.

Details:

• Pressing the plus button opens up a new window that takes user input of the title of note entry + date.

• Based off the data, a new tab is added to the notes app, which is fully editable.

What’s Next?

• I am going to add a save button to the notes app. I’m not exactly sure how this is going to work, but in the past with python, I’ve saved things to a separate file to be used on multiple occasions. Not sure how that will work since this is web based.

Thanks for reading and have a good rest of ur dayyy!!!

Devlog 4 - KaziOS

Updates:

• I standardized everything, so I now have initApp(), initWindow(), initIcon() functions to easily make new functions apps + windows.

• I also made it so that the all these windows are closeable with ease.

• I created my first app icon and made it open the window

• When a window is clicked, it is moved to the front to improve the user experience.

Notes:

• I feel way more confident with JS now. I veered pretty far off from the tutorial when I was standardizing everything, which did take a long time, but I am proud of myself.

• I also got a linting extension for each language, but ngl it doesn’t help too too much. For some reason the small bugs are still left unnoticed. (This is very different for me coming from python development since all the syntax errors were found instantly.

What’s Next?

• Make the notes app functional (the user is able to add whatever they want + store old notes) !!!

• Make it prettier and add more apps

Thanks for reading, see y’all laterrr

Devlog 3 - KaziOS

Problem 1:

• You’re probably seeing all this time I spent and wondering what greatness have I cooked up, but unfortunately most of this time was spent debugging the smallest and most annoying bugs ever…

• First, when I transferred my js logic to a separate file, I updated the <script> tag and put it in the head of my file. (This was the mistake..)

• After I added some updates to the style of my OS, and tested everything, I realized that my window could no longer move.

• I spent a long time reviewing the JS logic, redoing it over and over, and comparing my code to other peoples.

• After the longest time ever, I finally realized that the script tag should either be at the bottom, or include an additional attribute.

Problem 2:

• I wanted to make the header of the welcome screen separate from the actual content of the welcome screen, but as you know, I am very knew to this.

• It took a very long time and a lot of configuring/adjusting to finally get to this point, and I’m quite happy with it.

Updates:

• Everything is successfully debugged (windows can move again)

• CSS and JS separated from the HTML file. (Some styles are kept inline, and class styles are in the separate file).

• Windows have a new look, with their own headers and close button.

• Windows can now be opened by pressing “KaziOS” on the top bar and closed by pressing the red button on the header.

What’s next?

• I feel a lot more confident with HTML, CSS, and JS, so I don’t think I will spend nearly as much time debugging in the future.

• I will also be adding APP icons, and building my first few apps. The first app will be a simple notes app.

• I also hope to make small games, possibly hangman with prompts generated automatically to be guessed by the user.

Anyway, thanks for reading, I really hope next time I have more to report….

Devlog 2 - KaziOS

Updates:

• The welcome window is now moveable!!

• I added a background which actually took a lot longer than expected because I wanted to make sure I’m legally able to use it for anything.

• I created a top bar, blurred it, and added individually boxes for each element in it.

• I also moved my JS logic to a separate file

What’s next?

• I am going to put my CSS styles in a separate file to declutter.

• I am going to further customize the look of the window + home screen.

• And I am going to add apps and the ability to minimize/toggle windows.

Thanks for listeninggg, see you guys soon!

Devlog 1 - KaziOS

Notes:

• Hello! I am going to be making my own web operating system by following along with the guide, and freestyling.

• I currently have no idea how to code with HTML, JS, or CSS, so this is going to be a very interesting journey.

• I’m going through the guide right now, and I’m having trouble making the background color (its white cause I’m still trying to figure it out).

• I wanted to show you all my humble beginnings, and I’m really excited to learn more and fix this all up! I’ll update you guys on my progress soon, bye nowwww

—Devlog 5 - Hackpad —

My hackpad is officially done! I am naming it The KaziPad. I have just updated the repository, but below is a little sneak peak of its features. I believe it is ready to ship!

• 3x3 Matrix of keys
• OLED display that tells you which layer you are on
• 1 Rotary Encoder to control the volume + toggles keyboard layer
• KMK firmware

—Devlog 4 - Hackpad—

What I did:
I successfully added screw holes into my case with no issues! Then, I attempted to make my firmware with QMK, but I had a lot of trouble configuring the layout, and I switched over to KMK. Below is some of my code.
Current Functions Of Firmware:
-There are two separate layers on my keyboard, one is a numpad, the other has letters (Both act as placeholders).
-The rotary encoder functions as a volume knob, and the button toggles between the 2 separate layers.

What’s Next?
-I need to finalize my firmware
-I should create my repository and gather all requirements
-And I am very excited because my project is almost ready to ship, thanks for listening!

—Devlog 3 -hackpadd—

I created a case for my PCB with fusion, and I found out how to add the 3d models of my components onto the PCB. This is V4 of my PCB because I didn’t like the arrangement of my last one, and I made it a lot smaller.

Next, I have to make my screw holes and make the firmwareeee. I will update you guys on how that goes soon!

— Hackpad - Devlog 2 —

I finally finished my first PCB design! The wiring isn’t pretty, but I’m just proud I finished it. I had to restart like 3 times.

Hackpad - My First Project Ever

Devlog 1

My hackpad is going to include a 9 keys arranged in a 3x3 matrix, one rotary encoder, and an OLED screen.

Since my project utilizes 9 keys, I needed to create a matrix to properly organize all of the inputs. Making the matrix took the longest time, because I had to learn how to stop it from becoming one big web.

Through making my matrix, I learned how to use net labels in order to better organize my wires which was a great help with everything else.

Finally, I roughly arranged all of the components in the PCB editor, and will start making my tracks soon.

This is also my first time logging hours, so a lot of my time spent was not actually accounted for. My real amount of hours spent was ~4.