Skip to content
Submitted 9 months ago

Mortgage Calculator using react-hook-form and TypeScript.

next, tailwind-css, typescript, accessibility
Tesla_Ambassador•3,070
@tesla-ambassador
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'm mostly proud of the fact that I got to learn how to use the react-hook-form and also completing this project while using TypeScript for the first time with Next.js.

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

I explained all these details in my README.md file

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

Mainly accessibility and better coding practices when using Next.js/React.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • qadzek•580
    @qadzek

    Well done, impressive work!

    TypeScript can be annoying indeed but it catches so many bugs. If you have trouble finding the TypeScript types, hovering over them in VS Code in the right place should reveal them.

    Congrats on implementing the comma separator, I skipped over that part.

    Possible improvements:

    • The interest rate input field should accept all floats, e.g. 4.9.
    • Don't use HTML like <br /> in Markdown.
    • Try using template literals (backticks) instead of spanValidClass and spanInvalidClass, to avoid duplication.
    • Intl.NumberFormat might be helpful.
    • Clicking on the far end of the box containing the radio button should work.
    Marked as helpful
  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Broooooo

    I've just seen this!!

    Nice work dude! 😎 Your solution looks great and I loved reading your README 😂 You put a lot of thought into this and that's how you learn the most!

    Keep on grinding my guy and happy coding!! 😁

    EDIT: I'm touching grass these days... whenever I can 😜

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