All solutions

What are you most proud of, and what would you do differently next time?

I’m proud of the logic that use to manipulate the DOM.

What challenges did you encounter, and how did you overcome them?

Something a bit tricky for me was how to put in one function the logic to the mobile, tablet and desktop size, since it works slightly different in the mobile size, i overcome this using a conditional that makes a validation when the component change to a specific width, and then the logic for the social media icons changes.

What specific areas of your project would you like help with?

My component works ok, but i notice that it has an issue that i didn’t resolve. It happens when the screen size has a width of 660px and it shows the social media icons when the user clicks the share icon, until that moment everything is ok, the problem is when the user goes back to the mobile size and click the share icon again, this causes that the logic for tablets and desktop applies to the mobile size and it breaks the layout in that area.

What are you most proud of, and what would you do differently next time?

I'm proud of the logic i use with JS. The think i would do differently next time would be adding the keyboard navigation.

What challenges did you encounter, and how did you overcome them?

For me, the most difficult thing of the challenge was the logic in JS to change the card when the user submit a rating. But i could overcome it by researching a lot of documentation about manipulating DOM and the default attributes of the HTML elements.

What specific areas of your project would you like help with?

With the keyboard navigation, i tried to use the tabindex attribute, but i put the inputs hidden, and when are hidden they couldn't be selected with the tab. If someone can help me with that i would appreciate.

What are you most proud of, and what would you do differently next time?

I’m proud of how the responsive design works in this project, and the only thing that i would do differently next time, is the logic in JS, and not repeat that much code.

What challenges did you encounter, and how did you overcome them?

One thing that was kinda tricky it was the background images and how to resize them when i change the size of the screen.

What specific areas of your project would you like help with?

I need help with the keyboard navigation and to reduce my code in JS, because i know i’m not aplying the DRY (Don’t repeat yourself) principle.