Hundred Acre Wood OS

I would post a much longer devlog here but my last was deleted because of the size of my video. So here is what I have done. The owl’s library app has been set up after much pondering on whether I should have a notes app at all considering how many other notes apps exist that are much better overall. However, I am very happy with the end result. ‘Owl’s Library’ essentially encourages you to create a curated collection of your personal tastes. Through building this, I also found the best way for me to build these apps moving forward is to create a rough draft html, move on to CSS, and only lastly to JS. Any bouncing around between those ends up too confusing for me and I lose track of what’s going on. I think I will have to make a few detours to freeCodeCamp for DOM JS practice in between working on HAW. Here are my next tentative app ideas: music with pooh, weather widget, battery widget with an eeyore that appears when below 20%, terminal with storybook commands, rate your mood app with piglet’s supportive comments for wherever you are, and an app with rabbit for you to write one goal in the format of “after I finish (…) I will continue by (…)” (ex: finish biology homework –> watch an interesting yt video on genetics) as a way for you to reward yourself without sacrificing intrinsic motivation.

HAW OS is looking great: I downloaded a custom font by winnie the pooh himself (piglet’s was a little too messy for my purposes), introduced a welcome sign with a pendulum-like swing, and I have written in my html comments the vision as of this moment. This OS will make you learn how to navigate it by following an environmental puzzle. I have the first few steps in mind but I’m trying my best to keep it a secret because I want people viewing the page to have no spoilers beforehand. It’s going to be difficult. Both for me to set-up and you to solve. I spent a very long time just trying to cut down my css hover area size since I had used remove.bg on an image and the invisible area around it was just too big to let slide. Eventually I just went back in my files and cropped the image but I had already wasted a lot of time by then trying to figure out if there was an ‘easier’ way. I’ve also been experimenting with vibecoding since my JS is rusty but built-in chat is honestly not very good for a beginner that insists on understanding everything it writes for me and I fall back on youtube tutorials 9 times out of 10. It’s just not worth it in my case except for when I can ask it questions for debugging quickly, and here it does an exceptional job of helping me move on without getting too frustrated.

My Hundred Acre Woods OS is finally up after over an hour of trying to understand how VS code works (like where the run button is) and about 15 minutes of actually writing code so that my background image from Pinterest even shows up. So much time setting things up. I can’t wait to see what I can do with this, but it’s truly difficult for me to even get my priorities together at this point. I haven’t built a website in years. One of the first things I looked up for my html file was how to write a comment because I couldn’t be sure of myself and I still ended up getting something wrong by putting it above the head tag . Looking forward to actually making changes to this OS. At least the picture I found is really nice :)