Mortgage Repayment Calculator built w/ Vite, SASS and TypeScript
Design comparison
Solution retrospective
๐ธ Hello FEM Community! I'm Daniel and this is my solution for this challenge! ๐
๐ ๏ธ Built with:
- HTML ๐งพ
- SASS ๐จ
- TypeScript ๐
- Vitejs โก
- BEM Notation ๐ ฑ๏ธ
- Mobile first workflow approach ๐ฒ
One more opportunity to practice Vite + TypeScript. Tried to make it a bit more accessible, so it's possible to complete the form using only the keyboard. Not sure if my approach was the best, but it's working.
Again, thanks to the Front-End Mentor team that creates challenges that make us learn a lot from doing them. ๐
If you have any suggestions on how I can improve this project, feel free to leave me a comment!
Feedback welcome ๐
Community feedback
- @kiaraaa123Posted 4 months ago
This looks (and works) great, Daniel! It's so motivating to look through your solutions and see your progress over a year. Thanks for sharing your journey on here!
Marked as helpful1@danielmrz-devPosted 4 months ago@kiaraaa123 Thanks for your kind words, Ki'ara! I'm trying to become a better front-end developer project by project ๐
I'm glad my learning journey motivates you ๐
1 - @MamdohSamerPosted about 2 months ago
hi Daniel when the user inter big number like 90000000 or more and big Interest Rate the design being bad . i think you should add over-flow hidden or put static value of width for every screen . I am not good enough at front end yet but i hope this comment help you and hope you to continue submit solutions like this keep going forward .
1 - @fastcheetahPosted 4 months ago
Hello sir, you did a great job could you tell me how you make your designs so accurate without pro membership
1@danielmrz-devPosted 4 months agoHello @fastcheetah! Thank you!
I use a browser extension called Pixel Perfect. But I don't think that's what makes my projects look close to the design. I really like paying attention to details and I spend some time trying to make them as accurate as possible.
0@fastcheetahPosted 4 months agothank you for the extension and the advice ill get the extension and does it let me check the design image files in the project and make it close to what i want? Thanks for replying again @danielmrz-dev
0
Please log in to post a comment
Log in with GitHubJoin 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