The Mini Hub

hello
i did it
i struggled a little but i did it. i did not know i could use innerHTML for this.
i learnt how to use a forEach loop (i’ve never touch a forEach loop till now. crazy huh)
i guess i am done with this project.
html javascript and css got easier as i was doing it. I might have unwashed myself but I still struggle with manipulating the DOM.

I really like css though

currently I am doing a weather forecast thingy where it pulls data from open metro.
I learnt how to use the open metro api.
I also learnt more on how to use transition properties and what each shortform for different transition does.
I may be addicted to css I just like making things look nice.
One challenge that I face currently is trying to map stuff… like if I have timings from 12am -12pm how do i display them without hardcoding everything? I am so confused and I don’t know. I don’t. I will keep trying but I am sad. This is worrying me a lot…
I pulled the data and it is stored in an array but I don’t know how to display it.

Hi I did a coin flip thing and it took 2 hours and 22 minutes what a nice number.
I think I am getting more used to manipulating the DOM and html and css and javascript as a whole.
I finished this but with no animation in an hour. But I have not tried using keyframes and animating with css so I wanted to give it a go.

I watched some tutorials on Youtube and after a little bit of tweaking and searching and trying to understand what everything means. I think I am pretty satisfied with the outcome.

I used it to determine if I should sleep at 1 or 2 am.

i remember writing this code in python for the bottom half… the RPN so this calculator thing would be manageable. But i was WRONG. it took me 2 hours and 22 minutes after loads of debugging. But I could finally get it to work. The most annoying bug was everytime I used the - sign it calculates wrongly but it turns out it was the order than I popped the stack which was wrong.

I have reinforced my learning on how to apply and use stack. Mainly: converting from infix to postfix . And then another stack to calculate the final answer for postfix. I hope it isn’t buggy… even though the multiplication and division are both to 3DP fixed. uhhhhhhhhh yeah. I spent way too long on a calculator. But it was pretty insightful.

Not done yet but honestly I am pretty proud of this.
I will try to implement stack based solution to calculate because it is an amazing brilliant idea right…
I have learnt how to add event listeners by a specific class. I forgot how to do that but after searching and trying, yippee.

Hi, it took 2 hours + but i finally learnt enough grid to style my calculator. I think it looks pretty good but do NOT remind me how much time I used to design this. Yes. I think my css has improved. I got inspired by teenage engineering OP-1… it is still a WIP but I think the design is coming together.

i spent an hour making a clock. and trying to make it responsive. i have learnt that i could use vw as a measurement to make it responsive to the screen size. it took a while as i had forgotten how to manipulate the DOM but now i remember.

my next utility would be a calculator. I usually use flex flex flex flex but I will take this opportunity to learn about grid css.

Hello everyone, in 2 hours I did the styling and designing of my home page. I am very sorry for the slow progress, I am very rusty now.
Currently my biggest pain point was aligning the cards to be at the center, but added items start from the left. It took me about 30 minutes to get it right. But I learnt to do this with a flex box in a flex box. Overall I am humbled by my slow progress but I am glad I did not touch AI.