React jsx scss useState for real-time form validation with blur/change

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

I am most proud of the layout and design, which closely matches the mockup, including all the error and hover states. I also used conditional rendering effectively to display the appropriate results. For the error message, I make use of useState to do real-time validation. However, looking back, I realize I should have planned the structure of the elements and components earlier in the project to ensure smoother implementation.

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

While there wasn’t anything that completely halted my progress for days, I did find the mortgage formula calculation a bit tricky at first. With some research and troubleshooting, I was able to work through it and resolve the issue.

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

One area where I could use help is in determining the exact colors, as some weren’t specified in the design. To address this, I inspected the live version of the project and extracted the color codes from there.