All solutions

Good morning everyone, I took a step forward and decided to take this project to practice my Javascript back again. Fetching the data from the API was not the difficult part for me, and I use a new feature called Destructuring syntax from ES6 to manipulate the data easier. The hardest part, at least for me, was trying to implement some animation features whenever a client fetch a new quote data and the rotate (roll) animation when the button is activated. So, after going reading some articles I came up with an idea:

• When the button is clicked, it adds animation a fade-in class on the quote tage and add the dice image, and with a setTimeOut, I could remove after the animation was finished.

The only problem is, if we click really fast on the button, it takes a while to fetch a new data. Is it normal or it is just a bug?

Please, I would really appreciate feedbacks. 🫶🏻

I would really appreciate feedbacks about this project, and I can tell in advance that I would never think I would take around 5 hours to finish this one, even tho it looks simple. One thing that I realize doing this huddle landing page is that I want to be 100% accurate with the design, even how the background is positioned, but I really struggle trying to make the background the same as the design, and in the final I couldn`t. I'm still happy because I didn't use the figma files, only the starter. I will keep working hard because I know me and you guys can make everything better! 🫶🏻

Hello guys, that is my second project with HTML/CSS using everything I know, and just after learning while doing this project. Just one of the things I wanna point out that for me was really important to learn concepts like:

• Image properties to make it responsive when scaling down the screensize. -blend mode to blend the background color and the image, so nice!

First time out of Tutorial Hell =)