All solutions

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

In English:

I'm satisfied with the experience I've gained over the past few months, something I've noticed due to the relative ease I had in implementing all the challenge's functionalities, particularly in terms of the logic involved in the programming and also in the layout design, especially the use of display grid and opacity to prevent the layout from breaking as error messages appeared when certain fields were invalid.

Em Português:

Eu estou satisfeito com a experiência que os últimos meses me deram, algo que pude notar devido a relativa facilidade que tive em implementar todas as funcionalidades do desafio no aspecto da lógica que envolveu toda a programação e também sobre a montagem do layout, especialmente o uso de display grid e opacity para impedir que o layout quebrasse conforme as mensagens de erro ao ter determinado campo inválido surgissem.

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

In English:

My biggest task was simplifying the CSS styles to avoid excessive repetition, making the styles a bit more generic.

Em Português:

Meu maior trabalho foi realizar simplificações de estilos em css para que não houvessem demasiadas repetições, tendo tornado os estilos um pouco mais genéricos.

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

In English:

"I tried to use the BEM CSS convention, but I'm still confused about how to use it, especially when I should or shouldn't apply it."

Em Português:

Eu tentei usar a convenção BEM de CSS, mas ainda estou confuso sobre como utilizá-la, especialmente quando devo ou não aplicá-la.

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

Being able to transform the entire project idea, from its design to its functionality, into code completely independently was something that allowed me to see the level I am at and my growth over the past few months. I believe the key factor with which I can best evaluate all of this is the knowledge I acquired about JS and being able to solve real problems with it.

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

The challenge was to determine the logic that could be applied for the validation of each component and how the interactivity would occur, especially for the card numbers, which was resolved with a FOR loop.

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

Any feedback on any point is always welcome. I think both the CSS and JavaScript code could have some changes and simplifications. There's also the question of whether it makes sense to make the HTML a bit more semantic.

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

The project is quite simple, something that helped me to introduce the use of Tailwind in my projects, since I have recently learned it. I have ease with the construction of various types of layouts with pure CSS, so my challenge is to understand how this framework works, from its logic to its commands.

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

The only thing that took me a bit of work was researching how I could implement certain styles and other configurations using Tailwind.

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

Don't hesitate to make any comments on any aspect of the layout or the code. All feedback is always welcome.

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

What I was most proud of was the fact that I was able to carry out a complex and extensive project from start to finish completely independently, without having to resort to any external help. I also notice my evolution in the organization of the code and how my logical reasoning has evolved in the last few months, leading me to think strategically about how to build the project structure and use each resource that the language offers in order to complete the challenge.

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

My biggest challenge was to develop a way to change images on the slide along with changing the effect on the images of product options, which gave me a solution in associating variables already created and using a function that worked both in individual click on the images to change the image on the slide.

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

I would like someone to show me how I could create an effect for the image of the options that was faithful to the design, something that I was unable to implement in the final version of my project. If you want any explanation on any point in my code, feel free to ask your question. Tips and suggestions are always welcome. Sorry for the bad english. If possible, follow me on github