Alright I decided to also make users able to change the background color of the top bar, bottom bar, and calendar and I think that went pretty well. That was more of the easier challenges. Now I’ll ship it and I hope you’ll like it. I know I do.
I decided to make a settings and then ship my project. This is one of the more challenging stuff but I got the wallpapers to work, at first I struggled because it would only change once but then I found for it to keep changing it.
Update: Made a weather app using the weather API from open weather app which I really get the hang of APIs. After it was finally working | decided to add a calendar widget which I struggled with the layout of the day that is circled a bit. It just wouldn’t be centered and there was too much space at the bottom so I used flexbox, first centered it with justify content and align items, then used position relative placed it to the left, and then just went with negative margin-top to get rid of the bottom margin. I’m not sure if that made sense or was the right way to do it, but it works so I’ll just leave it at that. Lastly I wanted my website to give more of a Starfire look so I added a green beam like her powers and tried to match the green as best as possible. Honestly I’m not sure what to add next I might add a settings and then end the project with that but I don’t know if that would be too little. What do you all think I should add.
I added a loading page with animations, to give it more of a OS feeling. After that I made a calculator app, which was pretty easy to make but I hope the design doesn’t look too bad.
I got to finish my second app which I decided to be a random quotes app using an API. So now I finished the first mission of the webOS and can’t wait to ship it.
I got finsh my first App on this webOS. It can close and expand even made the textarea bigger when the window expands. Even got the App to show when it is active in the bottom bar and it works both ways. The window also closes when you deselect the the icon in the bottom bar. Now it is time to make my own app to finally ship it for the first time.
My Notes app is finally working, this was a long and hard process with some trial and error, one thing I still need to add is a scrolling bar because everytime you add more than 4 notes it will just overflow and I can’t have that.
Hello everyone, started my second project in this programm, and I honestly really love the idea of a webOS and got inspired by Starfire. I started by designing the background inside Canva, kinda glad how it turned out tbh. Then I made the top bar got the clock and date, even made my first draggable window. Although I’m kinda struggling with the expand button, still need to figure out how to get the window back to normal after it expands and the layout is a bit crazy when it expands.
Finally finished with the hard part. So I managed to figure the layout issue out for when my cart was empty. Then I focused on my checkout button since I can’t use stripe for now I decided to just use alerts and make the products vanish from the cart after. Now the last part is to make my website responsive, and I’m good to go.
I’ve been working on my cart for a while at first I had to fix some layout issues and then I had to figure out a way on how to even make a cart with local storage. At first I made the add to cart button from my product.html save the product and then put it inside the cart. After that I tried to delete the product using the trash icon . Then I focused on the quantity plus and minus buttons, so when you pressed the buttons it would show the number of quantity on the input and the price right next to it would multiplicate or differentiate depending on the button you pressed. The total of the products would also show below where the checkout button is, which I still have to modify so it will do at least something. I also managed to make a what if the cart was empty but it looks kinda rough so I’ll be working on that.
Just finished the cart layout. It was pretty hard especially since at first I started using table in html but confused td with tr so when I switched from td to tr everything looked a mess and had to start from scratch. After that I became sick of the table element and just started using div and now I’m just glad it doesn’t look bad. Now I’ll be focusing on the logic part using javascript.
I am finished with the products page and now I’ll go on with the 2nd last thing on my list. Please feel free to look at my other devlogs and give me feedback. I would love to hear your opinion on my layout.
I’ve made a bunch of modifications but I still need to work on a few things. I hope y’all like it.
Trying to make everything fast and pretty later. I’m not sure about the design choice, either like that or everything has that pink color.
Currently working on my crochet website. It definitely needs a lot of work.