All solutions

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

I am definitely most proud of form validation (not really a form validation but sending users visible output that the fields are required with a specific class).

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

These are my first steps with React so I encounter a lot of challenges, calculating the repayment, passing the input values, making sure that the value is in currency after it is display as a result etc. But I also learned a lot! Never have I ever heard about Intl.NumberFormat before this challenge for example.. I discovered that this is not the best way to validate the form, but other than useState I have not encounter and learned yet about other hooks that could have, maybe, made my life easier :) I am also aware that the code is not the 'cleanest', but I will try to do better next time!

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

I would like, if someone encounter the same problem, to be able to see formatted currency in the first input (Amount) when a user types in the amount number (as it is shown in design files).. The tricky part is to pass the right value to the calculator otherwise it will not calculate the repayment correctly. Thank you!

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

I did this small exercise to refresh my memory of working with Tailwind. I forgot how nice and easy it is! :) and I realized how much I missed it. Of course, nothing can beat good old CSS, but saving time styling with Tailwind definitely has its benefits.

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

It took me three days to achieve an almost pixel-perfect result and logic for this challenge. I found the functionality and logic relatively straightforward, but styling with CSS was quite challenging, especially since I decided to style the for the first time. It consumed a lot of time, but I'm most proud of successfully implementing an active input range with a customized runnable track! :)

Feel free to review my code and let me know if there are areas where you think I could have improved. This project marks my initial steps with React, and I'm eager to learn and refine my skills further.

Thank you in advance and happy coding! :)

I did this challenge mainly to practice Bootstrap, but I realize to create a pixel perfect design for a challenge, you need to override a lot of Bootstrap code and classes. At the beginning it was a complete mess and I wanted to give up so many times on Bootstrap, but I haven't, I persisted and (somehow) finished it ! :D Let me know what you think about this, what can be improved and where did I made mistakes. Especially for the Bootstrap part. Thanks :)

It was more difficult than I thought! :) Especially because I did not know how to deploy an angular app on Netlify.. I did this challenge using angular and template driven form. Let me know what I can improve!

Check out my first challenge on FrontEndMentor! :) Let me know if there are things that you think can be improved. Happy coding everybody :D