All solutions

Hi👋 everyone!! This is my solution to the challenge. I used ReactJS to build the interface and SASS/SCSS to organize styles.

I thought it was a real challenge to find the best way to toggle between one error message to another when validating the email input. At first, I tried building different input components for each error, but that didn't work because it caused errors when the user had to complete each input. The new inputs replaced the previous ones, so their values ​​were not registered by the application to carry out the validations. In the end, I implemented conditional rendering to print different error messages and apply different CSS styles to each input depending on which validation got triggered by the user.

I'm always trying to apply the best practices possible to make my code easy to read and implement, but I'm still unsure if I'm missing something or if my approach is correct in that regard.

So if you want to take your time to look into my code and give me any feedback, I will highly appreciate it!

Thanks and have a wonderful day!

Hi👋! This is my attempt at solving the Interactive rating component challenge. I would highly appreciate any feedback at all, specially on the following:

• Are there any bad practices you see on my JavaScript code? I tried to keep it as simple as possible, but there are some recommended practices I didn't know how to apply without breaking the project.
• Do the gradients resemble the ones provided by Frontend Mentor? I struggle to achieve a similar effect, and I'm unsure of the final result.

Thanks!!

In this project I worked directly on the two width breakpoints provided: 1440px and 374px, for desktop and mobile versions respectively. I found it hard to replicate the precise sizes of each element and the spaces between them. Maybe I should've used more accesibility oriented mesures like rem?

Any feedback and/or critique is highly appreciated!

I found it difficult to replicate the exact font sizes and the shadows of the proceed button and order card.

Any tip or feedback is welcome! Thank you!

I found it hard to replicate the box-shadow effect of the card element to match the design provided.

Any feedback is highly appreciated!

I would appreciate if you can point out any improvements you think that would help my solution to be more efficient.

• Maybe SASS/SCSS is unnecesary for this type of project?
• Did I implement media queries correctly?
• Is my code clear and easy to read? Should I be using more comments on my html?

Any feedback is welcome! Thanks!