Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mortgage Calculator - NextJS/TypeScript/TailwindCSS

P
Aleks 330

@reactaleks

Desktop design screenshot for the Mortgage repayment calculator coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

This project has been great at breaking my tutorial hell spiral. While spending alot of time on reading tutorials and documentation for nextjs, tailwindcss and typescript i found building this project has taught me more in a short time than going through tutorials.

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

While being familiar with HTML/CSS/JS i decided to start this project with NextJS and Tailwind. This has proven challenging due to me always thinking using just html/css/js would have been much easier and less code intensive. By following through with my choice of tech i've learned more in the past couple days about these tools than i have learned in the past 3 or 4 weeks of tutorials etc.

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

Am i really using typescript? NextJS have been initted with typescript, however there has not been any errors. So i am unsure whether i am doing something wrong, all the tutorials seem to have alot of typescript code and type declarations with strange syntax which more often than not confused me and made me not want to use it.

While being somewhat familiar with react and react components i am not sure if i am utilising this correctly and perhaps i could make less components or more?

Every job description lists Tailwind as requirement. Being new to tailwind i am preatty sure i have used way more classes to achieve the desired result. How do you approach using tailwind? Someone being new i kinda got lost at some point and feel i did too many classes.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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