Skip to content
Submitted 7 months ago

Mortgage Repayment Calculator

next, react, tailwind-css
Danilo Parra Jr•430
@daniloparrajr
A solution to the Mortgage repayment calculator challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I like the fields validations and overall design and responsiveness.

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

I had a challenging time adding custom validations and formatting on the currency field.

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

Suggestion on adding animations and proper way to deal with currencies.

Code

Please log in to post a comment

Log in

Community feedback

  • Mateus Lima•490
    @mts-ml

    Great solution, you did an amazing job, the code and validation are pretty nice!

    The only thing to point out is in desktop size, the solution is not centralized, I don't know Tailwind but using grid, place-items:center and min-height:100vh solves the problem.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord