Ball Knowledge required: https://www.youtube.com/shorts/pqEOvjCt_ew

Basically the red switch will turn on the red light no matter where the switch or light is located on the board. Same with all the other colours. Pretty cool right? And what if a newbie like me could do the same thing? Well Guess What??? I CANNN!!!!! That’s right folks, yours truly managed to code an esp32, 4 buttons, and 4 LEDS so the same button can turn on the same LED no matter where its wired!!! WHAT???? CRAZY, RIGHT???

It’s some nifty code, try and figure it out!

ReadME and a quick tweak to the code, and I am ready to ship!

Lets get it out for the world to see!!!

IT’S DONE!!!!

I added the window with a trophy gallery,

WEBOS1, ready to get shipped. It was quite a journey, learned a lot of stuff, managed to understand css eventually, and it was overall fun designing it around a theme I like. I will add more features in the future, probably for a different YSWS, but I’m happy to have built this as I was in awe of these projects last YSWS thinking I couldn’t do this, but now I can!!! Thank you to the tutorial maker, couldn’t have done it without you. Now its just the ReadME and I’m done!!

Nearly there!!!!

I added the minimize and maximize buttons (really minimize is basically just closing the window but keeping the icon act like its selected; not that hard)

WOWW ITS WORKING!!!!

I added a terminal that is functioning and it was on the first try after a heap of code. Lets go. Imma add a gallery of all my trophies just to flex 💪 and then imma submit this cus I meet the requirements (which I already think I do) and get my 50 stardust .

Progress!!!

After taking a break from this becoming more informed about html and javascript, I added a <iframe> where you can play a chess bot! 🤖 Very cool. It also took a surprisingly small amount of time to complete. It overall worked more smoothly and had less bugs. I also changed some font colours for the other things, and then I think I add one more app and call it a day for WebOS1, and collect my ( ), start racking up hours, and getting my sticker

Well I am progressing bit by bit . I now have a functional notes app, after its propertions kept getting scewed for a long time. So now that it works, I will not be touching it’s code for the remainder of this project … until I have to add minimize/maximize buttons oh well. And yeah I also made the top bar for the welcome screen a bit larger

“You have to know the rules before you can break them”
I believe this is the saying. Well how fun that I’m already breaking them with almost zero coding experience So the guide was talking about selecting icon deselecting icon and it didn’t make sense. So instead of manning up and spend probably another 10 hours figuring out, I went to what already works, like the welcome screen, and did the same function there. But hey, it does work now so haha, lets go. I’ll probably encounter 50 other problems later on but at least I’m ending the day happy

So despite it being a new day, I have 0 clue what’s going on with that style.css … So I decided to just ditch it From what I understood it’s basically an optimization but who needs that anyways it’s on the cloud so it ain’t taking up my storage space anyways. But basically I’d assign a class and everything goes haywire. I’m sure I’ll be fine without it and if I’m not I’ll cross that bridge when I get to it. After ditching, I did my welcome screen, made it draggable only at the top, and added a closing. Haven’t got to the minimize maximize yet so another bridge.

So I got to point where I have no clue whats happening. It’s fine - I knew I’d get there somewhere, so this where we stop for today. It was the part with the CSS file and class names and a lot of things I dont understand. It’s been a hard day. On new things I’ve done include a draggable top bar, and an opening and closing welcome screen, very basic.

So I worked on the second guide of this tutorial. It was a bit more challenging but overall easy. I now have a top bar, a background, and a clock. I was trying to format the top bar properly which took a lot of time and I still didnt figure it out . I wanted to shift the ChessOS and time a bit to the right but margin and padding made the top bar smaller or bigger, and other things didnt work, but it’s fine, im not dissapointed with that. I also don’t like how the word science is a bit unreadable because of the shard but ykw its fine.

My first time coding in HTML! I don’t have that much of a clue what I’m doing, but I’m learning, and it actually seems relatively simple so far. Since I love chess, that’s what I’m doing. I understood <p>, <h#>, <img>, <a href> and the main structure. Figuring out styles was harder as there are so so sooooooooo many of them, but we are progressing. This is gonna be fun project!

My first mini project!!!!

In this project, I created a little thing where 5 LEDs of different colours light up in order and then go out in that same order.

What went well:
Since this is a very simple project, the code was quite easy to understand and do. Likewise, the wiring was also very easy.

What went wrong:
I initially planned to do this with 10 LEDs, but then I realized they would be to crammed to all fit in a nice row and looked good, so I downsized to 5. Additionally, I am not fully aware of all of the pins on the esp32 so I wasn’t aware that pin 35 is solely for input. The blue LED wouldn’t light up, and I thought I was going crazy. The fix was to just use another pin and bring it in the row through a couple extra wires.

What can improve:
Now I ain’t no genius here, but I believe that this code was very long and very repetitive, since it just defines, pin number, sets it to output, then turns it on high, delay, next pin, until they’re all high, then turns them off, delay, repeat until they’re all off. I’m sure that this can be condensed, and be made shorter. Looks like I’ll do that when I’m more advanced. Additionally, the VSCode + Github copilot in the beginning knew what I was going to write, and I want it to be purely my code so I turned it off.

Final Comments:
Not a bad start, but we’ve just started and there’s a lot to learn. I also hate having to put semi-colons at the end of every declaration. What is this bro, just hit enter into the next line and call it a day.