All solutions

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

Overall, I’m pleased with how the project turned out, though there’s always room for improvement.

I’m particularly happy with the UI/UX refactoring I implemented, which enhanced both the flow and usability of the app while remaining true to its original concept.

As I continue to deepen my understanding of JavaScript, my goal is to make the code even more readable and DRY (Don’t Repeat Yourself).

I’m also excited to explore motion design techniques in the future, which could make the custom tip input field a more engaging user experience.

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

Balancing simplicity and readability with functionality in my JavaScript logic.

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

I am grateful for any helpful tips! 🙏

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

I am very happy with the final solution -- although I know there is (always) room for improvement

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

There were several challenges. One of them was to use the activity title from the JSON file to match and manipulate corresponding HTML elements. By converting titles to lowercase and using them as class names, I efficiently targeted and updated the specific cards in the DOM based on the selected timeframe.

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

I am open to any and all feedback! Thank you!

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

I am happy with the solution. Had to do a few workarounds - but overall it was a fun challenge.

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

I had a strange issue where I could not hide my main wrapper with JS. I had to hide the img and form wrapper separately. Also, in order to handle validation of email inputs purely through my custom JavaScript logic, I had to remove required and type="email attributes from my input element. These attributes triggered the browser's automated validation messages.

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

ANY and all help very much appreciated!

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

I am happy the way the app turned out.

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

The positioning of the social media overlay was very challenging.

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

I am happy to hear ANY feedback for improvement. Thank you in advance!

This time my main challenge was to position the profile image correctly. I solved it by using position: absolute/relative and transform: translate()

I am happy to hear any feedback to improve my code :)

This was a fun challenge.

My main problems with this project was to make sure that the buttons stopped moving when hovering over them.

Also, I used "position: relative" and "position: absolute" to make sure the buttons are aligned to the bottom of the container and not jumping around in relation to the paragraphs.

Any feedback is always welcome :)

I had problems with making the image fit. I solved it by using "object-fit: contain" for the mobile version and "object-fit: cover" for the desktop version. I made it work, but I am sure there is a more elegant solution.

Any feedback is welcome :)

The overlay posed a bit of a problem for me (the solution is a bit "hacky"). I am happy to hear any suggestions for improvement.

I updated my solution based on @hyrongennike's very helpful tip.

Turned out I had not entered the correct path to the icon stars. Even though the icon stars showed up in the local Go Live of Visual Studio Code - the stars disappeared when I pushed the project to Github. 🤔 I will now be super aware of entering the correct path in future.

This project has been updated thanks to @SindhujaBandaru's advice on how to center the card with min-height: 100vh. Thanks again, @SindhujaBandaru!

This was a bit more challenging than I thought it would be. I added my first READ.me file and will definitely continue doing this going forward. It helps me remember the process and the issues I encountered.

I am happy to hear any suggestions for improvement.

Thank you 😃

Updated my order-summary-component based on great feedback from Jose -- @placeteno.

Let me know if you have any suggestions for improvement :)

I edited my solution by deleting unnecessary divs per advice from @correlucas. Thanks again, @correlucas 😃