Responsive Mortgage Repayment Calculator using HTML CSS and JAVA

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

I’m most proud of implementing a fully responsive mortgage calculator using Tailwind CSS and JavaScript. I also improved form validation by providing real-time feedback and ensuring accessibility compliance.

Next time, I would optimize my JavaScript code by making it more modular. I’d also explore adding a framework like React or Next.js to improve scalability and performance.

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

Challenges & Solutions ❌ Challenge: Ensuring the mortgage repayment calculator was fully responsive across all screen sizes. ✅ Solution: I used CSS Grid and Flexbox along with a mobile-first approach to make the layout adapt smoothly across devices.

❌ Challenge: Implementing real-time form validation and error handling. ✅ Solution: I used JavaScript to check user input and displayed error messages dynamically to improve user experience.

❌ Challenge: Handling edge cases (e.g., negative values or empty inputs). ✅ Solution: I added extra validation checks to prevent invalid inputs and used parseFloat() to ensure only valid numbers were processed.

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

Did I follow best practices to make my project accessible to all users? Is my validation logic effective, or are there better ways to handle errors?